/* Malve Deck design tokens: the only file with raw colour values. GENERATED by scripts/tokens-css.py from design/tokens.json
   (.malvy/design-system/project, derived from design/system/project). Do not edit by hand.
   Dark is the default; light follows the system or [data-theme="light"]. */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;800&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  color-scheme: dark;
  --bg: #111013;
  --surface: #19171D;
  --surface-2: #221F27;
  --line: #302C36;
  --text: #ECE8E2;
  --muted: #A09BA6;
  --faint: #6F6A76;
  --leaf: #6CC8DE;
  --on-leaf: #0C181C;
  --leaf-soft: #6CC8DE24;
  --mallow: #B99AEB;
  --on-mallow: #17111F;
  --mallow-soft: #B99AEB29;
  --amber: #E3AD6A;
  --danger: #EE7F72;
  --scrim: #08070A99;

  --font-ui: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-data: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --text-12: 0.75rem;
  --text-14: 0.875rem;
  --text-16: 1rem;
  --text-18: 1.125rem;
  --text-22: 1.375rem;
  --text-28: 1.75rem;
  --text-36: 2.25rem;
  --text-48: 3rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-tag: 6px;
  --radius-control: 10px;
  --radius-card: 14px;
  --radius-sheet: 22px;
  --radius-pill: 999px;
  --tap: 44px;
  --deck-key: 96px;
  --button-sm: 36px;
  --button-md: 44px;
  --button-lg: 52px;
  --icon-tile: 40px;
  --icon-button: 36px;
  --sidebar: 232px;

  --dur-press: 120ms;
  --dur-receipt: 700ms;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #F2F0F3;
    --surface: #FBFAFC;
    --surface-2: #E9E6EC;
    --line: #DAD5DE;
    --text: #19171C;
    --muted: #615C67;
    --faint: #8E8994;
    --leaf: #0F6478;
    --on-leaf: #FFFFFF;
    --leaf-soft: #0F64781F;
    --mallow: #6B49A8;
    --on-mallow: #FFFFFF;
    --mallow-soft: #6B49A81F;
    --amber: #94600F;
    --danger: #B53B30;
    --scrim: #19171C66;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F2F0F3;
  --surface: #FBFAFC;
  --surface-2: #E9E6EC;
  --line: #DAD5DE;
  --text: #19171C;
  --muted: #615C67;
  --faint: #8E8994;
  --leaf: #0F6478;
  --on-leaf: #FFFFFF;
  --leaf-soft: #0F64781F;
  --mallow: #6B49A8;
  --on-mallow: #FFFFFF;
  --mallow-soft: #6B49A81F;
  --amber: #94600F;
  --danger: #B53B30;
  --scrim: #19171C66;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-press: 0ms; --dur-receipt: 0ms; }
}