/* Auton design tokens. Light by default; data-theme="dark" on <html> for dark. */
@font-face{font-family:"Auton Round";src:url("fonts/AutonRound[wght].woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{
  --auton-green:#01B75C;
  --auton-green-text:#00874A;
  --auton-navy:#2A4558;
  --auton-teal:#128A81;
  --auton-blue:#469CCE;
  --ink:#15232E;
  --ink-body:#2A4558;
  --ink-muted:#5F7383;
  --surface-page:#FCFCFC;
  --surface-subtle:#F7F6F3;
  --surface-card:#FFFFFF;
  --surface-tile:#EAEAEA;
  --surface-inverse:#15232E;
  --hairline:#E4E1DA;
  --status-warning:#D98E04;
  --status-fault:#D1423B;
  --status-offline:#9A958B;
  --space-1:4px;
  --space-2:8px;
  --space-4:16px;
  --space-6:24px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;
  --space-32:128px;
  --radius-sm:6px;
  --radius-card:14px;
  --radius-slide-card:24px;
  --radius-bento:34px;
  --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(21,35,46,.04);
  --shadow-md:0 2px 6px rgba(21,35,46,.04), 0 12px 32px rgba(21,35,46,.06);
  --font-display:"Auton Round", Comfortaa, "Baloo Bhaijaan 2", system-ui, sans-serif;
  --font-text:"Auton Round", Comfortaa, "Baloo Bhaijaan 2", system-ui, sans-serif;
  --font-arabic:"Auton Round", Comfortaa, "Baloo Bhaijaan 2", system-ui, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
}
:root[data-theme=dark]{
  --auton-green:#30D158;
  --auton-green-text:#30D158;
  --auton-navy:#2A4558;
  --auton-teal:#64D2FF;
  --auton-blue:#0A84FF;
  --ink:#FFFFFF;
  --ink-body:#F5F5F7;
  --ink-muted:#A1A1A6;
  --surface-page:#000000;
  --surface-subtle:#1A1A1A;
  --surface-card:#1C1C1E;
  --surface-tile:#000000;
  --surface-inverse:#1C1C1E;
  --hairline:#333336;
  --status-warning:#FF9F0A;
  --status-fault:#FF453A;
  --status-offline:#86868B;
}

/* Motion tokens and classes: see motion/auton-motion.css */
:root{--dur-press:100ms;--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--dur-brand:900ms;--ease:cubic-bezier(.2,0,0,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}

/* Dark theme: follows the system, or force with data-theme="dark" on <html> */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--auton-green:#30D158;--auton-green-text:#30D158;--auton-navy:#2A4558;--auton-teal:#64D2FF;--auton-blue:#0A84FF;--ink:#FFFFFF;--ink-body:#F5F5F7;--ink-muted:#A1A1A6;--surface-page:#000000;--surface-subtle:#1A1A1A;--surface-card:#1C1C1E;--surface-tile:#000000;--surface-inverse:#1C1C1E;--hairline:#333336;--status-warning:#FF9F0A;--status-fault:#FF453A;--status-offline:#86868B;color-scheme:dark}}
:root[data-theme="dark"]{--auton-green:#30D158;--auton-green-text:#30D158;--auton-navy:#2A4558;--auton-teal:#64D2FF;--auton-blue:#0A84FF;--ink:#FFFFFF;--ink-body:#F5F5F7;--ink-muted:#A1A1A6;--surface-page:#000000;--surface-subtle:#1A1A1A;--surface-card:#1C1C1E;--surface-tile:#000000;--surface-inverse:#1C1C1E;--hairline:#333336;--status-warning:#FF9F0A;--status-fault:#FF453A;--status-offline:#86868B;color-scheme:dark}