/* Moonsail design tokens — chart-table light, with dark as accommodation. */
:root,
[data-theme="light"] {
  --canvas: #FFFFFF;
  --surface: #F8FAF9;
  --surface2: #EEF3F1;
  --surface3: #DDE7E3;
  --ink: #252A28;
  --ink2: #4D5652;
  --ink3: #66726C;
  --faint: #87928D;

  --primary: #A35F00;
  --primary2: #8B5100;
  --primaryT: #FFF1D6;
  --primaryRGB: 163, 95, 0;
  --on-primary: #FFFFFF;

  --accent: #263F63;
  --accent2: #1E3557;
  --accentT: #E9EEF3;
  --accentT2: #D8E0EA;
  --accentRGB: 38, 63, 99;
  --on-accent: #FFFFFF;

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

  --line: rgba(37, 42, 40, .12);
  --line2: rgba(37, 42, 40, .22);
  --inkRGB: 37, 42, 40;
  --modal-scrim: rgba(37, 42, 40, .24);
  --skeleton-base: var(--surface2);
  --skeleton-shine: var(--surface);

  --toggle-knob: #FFFFFF;
  --receipt-bg: #FFFFFF;
  --receipt-ink: #252A28;
  --receipt-muted: #66726C;
  --receipt-line: rgba(37, 42, 40, .18);
  --receipt-well: #F8FAF9;

  --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(37, 42, 40, .06);
  --sh-lg: 0 16px 38px -28px rgba(37, 42, 40, .48);

  --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: #171614;
  --surface: #22201D;
  --surface2: #2B2823;
  --surface3: #373227;
  --ink: #EDEAE2;
  --ink2: #C9C4B7;
  --ink3: #ABA493;
  --faint: #817967;

  --primary: #D58C26;
  --primary2: #F0A746;
  --primaryT: #3A2912;
  --primaryRGB: 213, 140, 38;
  --on-primary: #FFFFFF;

  --accent: #8FAAD0;
  --accent2: #ABC2DF;
  --accentT: #1F2B3B;
  --accentT2: #28394F;
  --accentRGB: 143, 170, 208;
  --on-accent: #111314;

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

  --line: rgba(237, 234, 226, .10);
  --line2: rgba(237, 234, 226, .18);
  --inkRGB: 237, 234, 226;
  --modal-scrim: rgba(0, 0, 0, .55);
  --skeleton-base: var(--surface2);
  --skeleton-shine: var(--surface3);

  --toggle-knob: #FFFFFF;
  --receipt-bg: #22201D;
  --receipt-ink: #EDEAE2;
  --receipt-muted: #ABA493;
  --receipt-line: rgba(237, 234, 226, .16);
  --receipt-well: #2B2823;
  --sh-sm: none;
  --sh: 0 1px 0 rgba(0, 0, 0, .22);
  --sh-lg: 0 18px 44px -24px rgba(0, 0, 0, .78);
}