/* Shared foundations; light-dark() keeps each token in one theme definition. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/InterVariable.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/InterVariable-Italic.woff2") format("woff2")}

:root {
  color-scheme: light;
  --shade-0: light-dark(#ffffff, #0c0c0c);
  --shade-1: light-dark(#fafafa, #161615);
  --shade-2: light-dark(#ececec, #2a2a28);
  --shade-3: light-dark(#d4d4d4, #63625e);
  --shade-4: light-dark(#8a8a8a, #9a9892);
  --shade-5: light-dark(#525252, #b9b7b1);
  --shade-9: light-dark(#0a0a0a, #f2f0ec);
  --shade-danger: light-dark(#9b2c2c, #e08585);
  --hover: light-dark(rgb(0 0 0 / .045), rgb(255 255 255 / .05));
  --scrim: light-dark(rgb(0 0 0 / .36), rgb(0 0 0 / .62));
  /* rem, so the reader's browser font size still scales spacing and type; at the default 16px these are 4/8/12/16/24/32/48/72 and 11/12.5/14/16/21, with 13 for controls and table cells. */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem;
  --fs-xs: .6875rem; --fs-sm: .78125rem; --fs-md: .875rem; --fs-lg: 1rem; --fs-xl: 1.3125rem;
  --fs-ui: .8125rem;
  --r-1: 4px; --r-2: 6px; --r-3: 10px;
  --shadow-1: 0 1px 2px light-dark(rgb(0 0 0 / .08), rgb(0 0 0 / .4));
  --shadow-2: 0 8px 24px light-dark(rgb(0 0 0 / .12), rgb(0 0 0 / .5));
  --shadow-3: 0 24px 64px light-dark(rgb(0 0 0 / .18), rgb(0 0 0 / .6));
  --dur: 140ms; --ease: cubic-bezier(.2, .7, .2, 1);
  --w-dialog: 25rem; --w-drawer: 32.5rem; --drawer-pad: 1.25rem;
  --z-sticky: 10; --z-dropdown: 20; --z-drawer: 30; --z-modal: 40; --z-toast: 50;
  --z-scrim: calc(var(--z-drawer) - 1);
  --hairline: 1px; --focus: 2px; --stroke: 1.5px;
  --tracking-title: -.01em; --tracking-label: .12em; --tracking-badge: .06em; --tracking-code: .08em;
  --leading: 1.5; --leading-prose: 1.65;
  --radius: var(--r-2); --radius-sm: var(--r-1); --radius-md: var(--r-2);
  --radius-lg: var(--r-3); --radius-xl: var(--r-3);
  --background: var(--shade-0);
  --foreground: var(--shade-9);
  --card: var(--shade-0);
  --card-foreground: var(--shade-9);
  --popover: var(--shade-0);
  --popover-foreground: var(--shade-9);
  --primary: var(--shade-9);
  --primary-foreground: var(--shade-0);
  --secondary: var(--shade-2);
  --secondary-foreground: var(--shade-9);
  --muted: var(--shade-1);
  --muted-foreground: var(--shade-5);
  --accent: var(--shade-1);
  --accent-foreground: var(--shade-9);
  --destructive: var(--shade-danger);
  --border: var(--shade-2);
  --input: var(--shade-3);
  --ring: var(--shade-9);
  --sidebar: var(--shade-1);
  --sidebar-foreground: var(--shade-9);
  --sidebar-primary: var(--shade-9);
  --sidebar-primary-foreground: var(--shade-0);
  --sidebar-accent: var(--shade-2);
  --sidebar-accent-foreground: var(--shade-9);
  --sidebar-border: var(--shade-2);
  --sidebar-ring: var(--shade-9);
  --chart-1: var(--shade-9);
  --chart-2: var(--shade-5);
  --chart-3: var(--shade-4);
  --chart-4: var(--shade-3);
  --chart-5: var(--shade-2);
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
.dark, :root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }