/* Arcadus design tokens. GENERATED by tools/gen_tokens.py at 2026-10-26T22:32:52+00:00.
   Role colours come from ../arc-engine/scripts/viz/palette.py, which is the single
   source of brand truth shared with the PyMOL render layer and the public site.
   Neutrals, shape and type are Arcadus site values declared in the generator.
   Do not hand-edit this file: regenerate it. */

:root {
  --bg: #EEF3FB;
  --surface: #FFFFFF;
  --surface-2: #F7F7F7;
  --ink: #252E3D;
  --ink-2: #343F52;
  --muted: #737373;
  --line: #DCE6F4;
  --line-soft: #E8EFF8;
  --blue: #2B6FD4;
  --green: #3A9E3A;
  --orange: #F47820;
  --tint-blue: #E6F1FB;
  --tint-green: #EAF3DE;
  --tint-orange: #FFF8F4;
  --navy: #0D1B3E;
  --ink-soft: #4A5A7A;
  --shadow: 0 0.48px 1.06px -0.42px rgba(16,49,77,.04),0 1.83px 4.03px -0.83px rgba(16,49,77,.05),0 8px 17.6px -1.25px rgba(16,49,77,.11);
  --pill: 50px;
  --radius: 14px;
  --radius-lg: 18px;
  --font: "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono: "Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B1733;
    --surface: #132447;
    --surface-2: #0F1D3B;
    --ink: #EAF0FA;
    --ink-2: #D6E2F4;
    --ink-soft: #A8BCD9;
    --muted: #8296B5;
    --line: #24406E;
    --line-soft: #1B3159;
    --blue: #6BA2EC;
    --green: #5FC45F;
    --orange: #FF9A52;
    --tint-blue: #152B52;
    --tint-green: #14301A;
    --tint-orange: #33210F;
    --shadow: 0 1px 2px rgba(0,0,0,.3),0 8px 20px -4px rgba(0,0,0,.45);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0B1733;
  --surface: #132447;
  --surface-2: #0F1D3B;
  --ink: #EAF0FA;
  --ink-2: #D6E2F4;
  --ink-soft: #A8BCD9;
  --muted: #8296B5;
  --line: #24406E;
  --line-soft: #1B3159;
  --blue: #6BA2EC;
  --green: #5FC45F;
  --orange: #FF9A52;
  --tint-blue: #152B52;
  --tint-green: #14301A;
  --tint-orange: #33210F;
  --shadow: 0 1px 2px rgba(0,0,0,.3),0 8px 20px -4px rgba(0,0,0,.45);
  color-scheme: dark;
}