/* Sleek: the one look for the Observatory hub and every sub-app. Light only.
   The token block below is tokens.css from the Observatory, copied verbatim.
   Do not fork these values; change them there and copy again. */
:root{
  --font:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-read:"Geist",system-ui,sans-serif;
  --bg:#F3F4F8;            /* page */
  --surface:#FFFFFF;       /* cards */
  --surface-2:#FAFBFD;     /* sidebar, quiet panels */
  --ink:#0E1116;           /* text, primary buttons, active nav */
  --ink2:#5A6373;          /* secondary text, 4.5:1 on white and on --bg */
  --ink3:#7A8394;          /* labels only, large or bold */
  --line:#E2E5EC;          /* card borders */
  --line-soft:#EEF0F4;     /* row dividers inside cards */
  --accent:#2D5BFF;        /* actions, links, selection, progress */
  --on-accent:#FFFFFF;
  --accent-soft:#E6ECFF;
  --pop:#C6F432;           /* lime: only on the dark Next up card and as the fill of a finished driver */
  --good:#1FA971; --good-soft:#E6F8EF;
  --warn:#B26A00; --warn-soft:#FFF1CC;
  --hot:#C2281C;  --hot-soft:#FFE7E3;
  --pulse-green:#1FA971; --pulse-amber:#F2A900; --pulse-red:#C2281C;
  --hero:#0E1116; --hero-ink:#FFFFFF; --hero-sub:#A9B2C3; --hero-track:#2A303B;
  --hl-yellow:#FFF3B0; --hl-green:#C8F7C5; --hl-blue:#CFE0FF; --hl-pink:#F8CFDB; --hl-orange:#FDDCB5;
  --r:14px; --r-sm:10px; --r-pill:99px;
  --gap:16px; --pad:20px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
  --t-fast:180ms; --t-base:300ms; --t-slow:550ms;
  --focus:0 0 0 3px rgba(45,91,255,.35);
}

/* Library Reader additions: layout and reading, built on the tokens above. */
:root{
  color-scheme: light;
  --font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;
  --rail:236px;                 /* hub sidebar width */
  --measure:680px;              /* reading column */
  --font-size-base:1.125rem;    /* set at runtime by App.applyFontSize() */
  --line-height:1.7;
  --float:0 16px 40px -18px rgba(14,17,22,.32),0 2px 6px -2px rgba(14,17,22,.08); /* popovers and toasts only, never cards at rest */
  --grape:var(--ink2);          /* name kept: data.js maps the Article platform colour to it */
  /* Interaction shades used by the build. Not in tokens.css yet: proposed for it. */
  --line-strong:#C9CED8;        /* hover border on white controls, scrollbar thumb */
  --line-stronger:#AEB5C2;      /* scrollbar thumb on hover */
  --hover:#EBEEF3;              /* hover fill for quiet buttons and nav, neutral tags */
  --ink-hover:#1F2530;          /* primary (ink) button hover */
  --good-ink:#147A51;           /* --good text on --good-soft, 4.5:1 */
  --code-bg:#EDEFF4;            /* inline code */
  --accent-soft-hover:#D8E1FF;  /* hover on --accent-soft pills */
  --select-read:#BCCBFF;        /* text selection inside the reading column */
  --accent-ink:#2450E6;         /* --accent text on --accent-soft pills, 5.3:1 (plain --accent is 4.39:1) */
  --warn-ink:#945700;           /* --warn text on --warn-soft, 5.2:1 (plain --warn is 3.78:1) */
}