/* Endless Ocean design tokens — clear water, deep evidence, quiet operations. */
:root,
[data-theme="light"] {
  --canvas: #FCFAF7;
  --surface: #F7F3EF;
  --surface2: #EFE9E4;
  --surface3: #E1D9D2;
  --ink: #4C4F69;
  --ink2: #5C5F77;
  --ink3: #616478;
  --faint: #616478;

  --primary: #4C4F69;
  --primary2: #2F928F;
  --primaryT: #E2EEEA;
  --primaryRGB: 76, 79, 105;
  --on-primary: #FCFAF7;

  --selection: #2F928F;
  --selectionT: #E2EEEA;
  --selectionRGB: 47, 146, 143;

  --accent: #2864E2;
  --accent2: #174FBA;
  --accentT: #E6EAF7;
  --accentT2: #D9DFEF;
  --accentRGB: 40, 100, 226;
  --on-accent: #FCFAF7;

  --green: #247650;
  --greenT: #E7F3EC;
  --amber: #7A5800;
  --amberT: #F7EBC7;
  --red: #A83B2D;
  --redT: #F8E5E1;

  --line: rgba(76, 79, 105, .16);
  --line2: rgba(76, 79, 105, .28);
  --inkRGB: 76, 79, 105;
  --modal-scrim: rgba(50, 43, 49, .30);
  --skeleton-base: var(--surface2);
  --skeleton-shine: var(--surface);

  --toggle-knob: #FCFAF7;
  --receipt-bg: #FCFAF7;
  --receipt-ink: #4C4F69;
  --receipt-muted: #6C6F85;
  --receipt-line: rgba(76, 79, 105, .20);
  --receipt-well: #F7F3EF;

  --sans: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 8px;
  --r-full: 9999px;
  --sh-sm: none;
  --sh: 0 1px 0 rgba(16, 43, 46, .06);
  --sh-lg: 0 18px 42px -28px rgba(7, 29, 33, .52);

  --dur-instant: 100ms;
  --dur-fast: 160ms;
  --dur-base: 220ms;
  --dur-slow: 1400ms;
  --ease-standard: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);

  --fs-display: 28px;
  --lh-display: 1.15;
  --fs-title: 20px;
  --lh-title: 1.3;
  --fs-section: 16px;
  --lh-section: 1.4;
  --fs-body: 14px;
  --lh-body: 1.55;
  --fs-small: 13px;
  --lh-small: 1.5;
  --fs-caption: 12px;
  --lh-caption: 1.5;
  --fs-mono-lg: 13px;
  --fs-mono: 12px;
  --fs-mono-label: 10.5px;
}

[data-theme="dark"] {
  --canvas: #091719;
  --surface: #102326;
  --surface2: #173034;
  --surface3: #214044;
  --ink: #E7F4F2;
  --ink2: #BDD2D0;
  --ink3: #99B4B2;
  --faint: #99B4B2;

  --primary: #48C7BD;
  --primary2: #6CD8D0;
  --primaryT: #123D3C;
  --primaryRGB: 72, 199, 189;
  --on-primary: #071D1F;

  --selection: #6CD8D0;
  --selectionT: #123D3C;
  --selectionRGB: 108, 216, 208;

  --accent: #8FC8EE;
  --accent2: #B2DCF5;
  --accentT: #132E42;
  --accentT2: #1B3D55;
  --accentRGB: 143, 200, 238;
  --on-accent: #071D1F;

  --green: #69D7A2;
  --greenT: #173224;
  --amber: #E8BF62;
  --amberT: #332810;
  --red: #F28B7C;
  --redT: #3A1D1A;

  --line: rgba(231, 244, 242, .10);
  --line2: rgba(231, 244, 242, .18);
  --inkRGB: 231, 244, 242;
  --modal-scrim: rgba(0, 0, 0, .55);
  --skeleton-base: var(--surface2);
  --skeleton-shine: var(--surface3);

  --toggle-knob: #FFFFFF;
  --receipt-bg: #102326;
  --receipt-ink: #E7F4F2;
  --receipt-muted: #99B4B2;
  --receipt-line: rgba(231, 244, 242, .16);
  --receipt-well: #173034;
  --sh-sm: none;
  --sh: 0 1px 0 rgba(0, 0, 0, .22);
  --sh-lg: 0 18px 44px -24px rgba(0, 0, 0, .78);
}