/* Timprisguiden design tokens: the only file with raw colour values. Generated from Timprisguiden/.malvy/design-system/project/tokens.json
   (derived from design/system/project). 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: #EBCB52;
  --on-leaf: #1A1505;
  --leaf-soft: #EBCB5224;
  --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-48: 3rem;
  --text-36: 2.25rem;
  --text-28: 1.75rem;
  --text-22: 1.375rem;
  --text-18: 1.125rem;
  --text-16: 1rem;
  --text-14: 0.875rem;
  --text-12: 0.75rem;

  --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(8 7 10 / .6);
  --dur-press: 120ms;
}

@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: #6E5A00;
    --on-leaf: #FFFFFF;
    --leaf-soft: #6E5A001F;
    --mallow: #6B49A8;
    --on-mallow: #FFFFFF;
    --mallow-soft: #6B49A81F;
    --amber: #A2501A;
    --danger: #B53B30;
    --scrim: rgb(25 23 28 / .4);
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F2F0F3;
  --surface: #FBFAFC;
  --surface-2: #E9E6EC;
  --line: #DAD5DE;
  --text: #19171C;
  --muted: #615C67;
  --faint: #8E8994;
  --leaf: #6E5A00;
  --on-leaf: #FFFFFF;
  --leaf-soft: #6E5A001F;
  --mallow: #6B49A8;
  --on-mallow: #FFFFFF;
  --mallow-soft: #6B49A81F;
  --amber: #A2501A;
  --danger: #B53B30;
  --scrim: rgb(25 23 28 / .4);
}