/* Atlas brand v5 (Appearance). Generated from tokens.json. 2026-10-09.
   Light is the default; [data-theme="dark"] or the OS setting switches. */
:root{
  --atlas-ground:#F3F2F4; --atlas-surface:#FFFFFF; --atlas-ink:#121117; --atlas-muted:#6E6B76; --atlas-line:#E2E0E6;
  --atlas-plum:#5B2A63; --atlas-cobalt:#2440FF; --atlas-oxblood:#5A1F22; --atlas-record:#E23D28;
  --atlas-grow:var(--atlas-cobalt); --atlas-save:var(--atlas-oxblood); --atlas-answer:var(--atlas-ink); --atlas-working:var(--atlas-plum);
  --atlas-glass:rgba(255,255,255,.58); --atlas-sheen:rgba(255,255,255,.9); --atlas-glass-blur:22px;
  --atlas-r-sm:8px; --atlas-r-md:14px; --atlas-r-lg:20px; --atlas-r-pill:999px;
  --atlas-ease:cubic-bezier(.22,1,.36,1); --atlas-t-fast:160ms; --atlas-t-base:240ms; --atlas-t-slow:450ms;
  /* type: Satoshi, locked 2026-10-09 (Fontshare, ITF free font licence; self-host the woff2 files) */
  --atlas-font-display:"Satoshi",system-ui,sans-serif;
  --atlas-font-text:"Satoshi",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --atlas-ground:#09090D; --atlas-surface:#131319; --atlas-ink:#EDEBF0; --atlas-muted:#8E8B97; --atlas-line:#24232C;
  --atlas-plum:#A970B6; --atlas-cobalt:#6C85FF; --atlas-oxblood:#D06B73; --atlas-record:#FF5A44;
  --atlas-glass:rgba(30,30,38,.55); --atlas-sheen:rgba(255,255,255,.22);}}
:root[data-theme="dark"]{
  --atlas-ground:#09090D; --atlas-surface:#131319; --atlas-ink:#EDEBF0; --atlas-muted:#8E8B97; --atlas-line:#24232C;
  --atlas-plum:#A970B6; --atlas-cobalt:#6C85FF; --atlas-oxblood:#D06B73; --atlas-record:#FF5A44;
  --atlas-glass:rgba(30,30,38,.55); --atlas-sheen:rgba(255,255,255,.22);}
/* Glass: only for things that float (capsule, float orb, keys, menus). */
.atlas-glass{background:var(--atlas-glass);backdrop-filter:blur(var(--atlas-glass-blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--atlas-glass-blur)) saturate(1.5);box-shadow:inset 0 1px 0 var(--atlas-sheen),0 20px 50px -20px var(--atlas-glow,rgba(0,0,0,.25))}
.atlas-glass[data-glow="working"]{--atlas-glow:color-mix(in srgb,var(--atlas-plum) 60%,transparent)}
.atlas-glass[data-glow="grow"]{--atlas-glow:color-mix(in srgb,var(--atlas-cobalt) 66%,transparent)}
.atlas-glass[data-glow="save"]{--atlas-glow:color-mix(in srgb,var(--atlas-oxblood) 66%,transparent)}
/* The primary button: ink, with one sheen line. */
.atlas-btn-primary{background:var(--atlas-ink);color:var(--atlas-ground);border-radius:var(--atlas-r-pill);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}