/* Generated from the dario.cat design system tokens.json — do not edit by hand. */
:root {
  color-scheme: light dark;
  --plum-900: #5a1c5e;
  --plum-700: #76257a;
  --plum-600: #983198;
  --plum-500: #a843ac;
  --plum-400: #bd63c0;
  --plum-300: #cf8ad0;
  --plum-100: #efe2f1;
  --plum-050: #f9f3f9;
  --warm-000: #ffffff;
  --warm-050: #fbfaf7;
  --warm-100: #f4f1ec;
  --warm-200: #e8e2da;
  --warm-300: #e6e1e4;
  --ink-900: #211d22;
  --ink-600: #5d5560;
  --ink-500: #6a6271;
  --bg: var(--warm-050);
  --surface: var(--warm-000);
  --surface-sunken: var(--warm-100);
  --text: var(--ink-900);
  --text-muted: var(--ink-500);
  --text-secondary: var(--ink-600);
  --accent: var(--plum-600);
  --accent-hover: var(--plum-500);
  --accent-active: var(--plum-700);
  --accent-wash: var(--plum-100);
  --accent-tint: var(--plum-050);
  --link: var(--plum-600);
  --link-hover: var(--plum-500);
  --link-active: var(--plum-700);
  --border: var(--warm-300);
  --border-strong: var(--warm-200);
  --border-control: #8f8792;
  --rule-accent: var(--plum-600);
  --selection-bg: var(--plum-100);
  --focus-ring: var(--plum-600);
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(33, 29, 34, 0.05);
  --shadow-md: 0 2px 8px rgba(33, 29, 34, 0.07), 0 1px 2px rgba(33, 29, 34, 0.05);
  --shadow-lg: 0 8px 28px rgba(33, 29, 34, 0.09), 0 2px 6px rgba(33, 29, 34, 0.05);
  --fz-xs: 0.75rem;
  --fz-sm: 0.8125rem;
  --fz-base: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --fz-lg: clamp(1.25rem, 1.15rem + 0.5vw, 1.4375rem);
  --fz-xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);
  --fz-2xl: clamp(1.875rem, 1.5rem + 1.8vw, 2.625rem);
  --fz-3xl: clamp(2.5rem, 1.9rem + 3vw, 4rem);
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --leading-tight: 1.12;
  --leading-snug: 1.3;
  --leading-normal: 1.6;
  --leading-mono: 1.5;
  --tracking-label: 0.12em;
  --tracking-nav: 0.04em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --measure: 68ch;
  --measure-narrow: 54ch;
  --content-max: 42rem;
  --wide-max: 64rem;
  --page-pad: clamp(1.25rem, 5vw, 4rem);
  --target-min: 24px;
  --target-comfortable: 44px;
  --border-width: 1px;
  --rule-weight: 2px;
  --focus-width: 2px;
  --focus-offset: 2px;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f0b12;
  --surface: #17121d;
  --surface-sunken: #0a0710;
  --text: #ece7ec;
  --text-muted: #a79fac;
  --text-secondary: #c9c3cd;
  --accent: var(--plum-600);
  --accent-hover: var(--plum-500);
  --accent-active: var(--plum-700);
  --accent-wash: #271529;
  --accent-tint: #18101b;
  --link: var(--plum-400);
  --link-hover: var(--plum-300);
  --link-active: var(--plum-300);
  --border: #2a2431;
  --border-strong: #3b3443;
  --border-control: #6d6575;
  --rule-accent: var(--plum-600);
  --selection-bg: #3a1f3e;
  --focus-ring: var(--plum-300);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f0b12;
    --surface: #17121d;
    --surface-sunken: #0a0710;
    --text: #ece7ec;
    --text-muted: #a79fac;
    --text-secondary: #c9c3cd;
    --accent: var(--plum-600);
    --accent-hover: var(--plum-500);
    --accent-active: var(--plum-700);
    --accent-wash: #271529;
    --accent-tint: #18101b;
    --link: var(--plum-400);
    --link-hover: var(--plum-300);
    --link-active: var(--plum-300);
    --border: #2a2431;
    --border-strong: #3b3443;
    --border-control: #6d6575;
    --rule-accent: var(--plum-600);
    --selection-bg: #3a1f3e;
    --focus-ring: var(--plum-300);
  }
}