/* Alibi design tokens: the only file with raw colour values. GENERATED by scripts/tokens-css.py from design/tokens.json
   (Alibi/.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: #13110E;
  --surface: #1C1915;
  --surface-2: #25211B;
  --line: #352F27;
  --text: #EDE5D6;
  --muted: #A69C8C;
  --faint: #736A5D;
  --leaf: #D4B86C;
  --on-leaf: #1A1408;
  --leaf-soft: #D4B86C24;
  --mallow: #B99AEB;
  --on-mallow: #17111F;
  --mallow-soft: #B99AEB29;
  --amber: #EE9459;
  --danger: #EE7F72;

  --font-ui: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-data: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --text-display: 3rem;
  --text-title-1: 2.25rem;
  --text-title-2: 1.75rem;
  --text-heading: 1.375rem;
  --text-subheading: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-eyebrow: 0.75rem;
  --text-numeric: 0.875rem;

  --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;
  --button-sm: 36px;
  --button-md: 44px;
  --button-lg: 52px;
  --icon-tile: 40px;
  --icon-button: 36px;
  --sidebar: 232px;

  --scrim: rgb(10 9 7 / .6);
  --dur-press: 120ms;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #F3EDE1;
    --surface: #FBF7EF;
    --surface-2: #E9E1D2;
    --line: #D8CDBA;
    --text: #1C1812;
    --muted: #645A4B;
    --faint: #918674;
    --leaf: #7A5A1C;
    --on-leaf: #FFFFFF;
    --leaf-soft: #7A5A1C1F;
    --mallow: #6B49A8;
    --on-mallow: #FFFFFF;
    --mallow-soft: #6B49A81F;
    --amber: #A2501A;
    --danger: #B53B30;
    --scrim: rgb(28 24 18 / .4);
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F3EDE1;
  --surface: #FBF7EF;
  --surface-2: #E9E1D2;
  --line: #D8CDBA;
  --text: #1C1812;
  --muted: #645A4B;
  --faint: #918674;
  --leaf: #7A5A1C;
  --on-leaf: #FFFFFF;
  --leaf-soft: #7A5A1C1F;
  --mallow: #6B49A8;
  --on-mallow: #FFFFFF;
  --mallow-soft: #6B49A81F;
  --amber: #A2501A;
  --danger: #B53B30;
  --scrim: rgb(28 24 18 / .4);
}

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