/* THIS FILE IS TOKENS ONLY. Structure lives in the engine sheet the shell
   links first (_engine.css, hardlinked from Divinity's site.css); read
   sites\ScienceAtlas\App_Themes\Science\site.css for the full history of
   why this file carries nothing but token blocks, including the request
   985 narrow-layout defect and the request 989 four-state theme defect.
   This file mirrors that file's final shape exactly, the same shape
   sites\HistoryAtlas\App_Themes\History\site.css already carries.

   Tokens below: the neutrals, ink/muted/faint text colours, the two
   semantic colours, the font stacks, the shadow and the reading measure
   are copied verbatim from the family values the other atlases already
   carry, so this site reads as a sibling. Only --gold, --gold-soft
   and --gold-bg, the accent tokens, are Arts's own.

   THE ACCENT CHANGED, owner request 1136 (2026-08-23): the owner viewed
   all seventeen atlas accents side by side on the family homepage and
   found the green cluster (this atlas next to Economics #3a9b27, Nature
   #419957 and Mathematics #279b76) too similar to tell apart at a
   glance. Old green #279b55 soft #33cc70, light #165630 soft #1e7742
   (request 987, request 1044, 2026-08-21) replaced by peacock aqua,
   dark #2e9cae soft #45bace, light #18535d soft #206e7a. The mark
   itself is unchanged; only the accent hue moved.

   Contrast recomputed against the actual family surfaces for the new
   values. Dark theme: #2e9cae on --ground measures 5.97 to 1, on
   --panel 5.42 to 1, on --panel2 4.95 to 1; #45bace on --ground
   measures 8.44 to 1, on --panel 7.66 to 1, on --panel2 7.00 to 1.
   Light theme: #18535d on --ground measures 7.52 to 1, on --panel
   7.00 to 1, on --panel2 7.85 to 1; #206e7a on --ground measures
   5.12 to 1, on --panel 4.77 to 1, on --panel2 5.35 to 1. All four
   clear the 4.5 to 1 text minimum on every family surface, the same
   bar History's bronze and Arts's own prior green were held to.

   The --gold-bg fill role: in the dark theme dark ink (#1a1508) on
   #2e9cae measures 5.61 to 1, still clearing the 4.5 to 1 bar, the
   same shape Divinity, Science, Political and History already use; no
   change needed there. In the light theme the opposite ink survives:
   dark ink on #18535d fails at 2.11 to 1, but white text on #18535d
   clears with wide margin at 8.63 to 1, the same shape Science's and
   Political's own light-theme fills already use, and the opposite of
   Divinity's own hardcoded dark-ink fill; a future fill rule pairs
   --gold-bg with a light/white ink in the light theme. This is the
   same deferred, pre-existing state Arts carried before the accent
   change, not a new gap. */

:root{
  --ground:#0b0d1a; --panel:#141731; --panel2:#1b1f3d; --edge:#2b2f55; --edge2:#3a3f6b;
  --ink:#eae7f3; --muted:#a7a5c4; --faint:#8785a7;
  --shared:#79bcb0; --shared-bg:rgba(111,178,168,.14); --dark-c:#d27a92; --dark-bg:rgba(181,84,106,.16);
  --gold:#2e9cae; --gold-soft:#45bace; --gold-bg:#2e9cae;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --shadow:0 12px 34px -14px rgba(0,0,0,.6);
  --measure:40.5rem;
}
@media (prefers-color-scheme: light){:root{
  --ground:#f4efe3; --panel:#eee7d6; --panel2:#f8f4ea; --edge:#ddd2ba; --edge2:#cabfa3;
  --ink:#282540; --muted:#655f74; --faint:#6d6759;
  --shared:#2f685e; --shared-bg:rgba(60,133,120,.12); --dark-c:#9c3f57; --dark-bg:rgba(162,65,90,.10);
  --gold:#18535d; --gold-soft:#206e7a; --gold-bg:#18535d;
  --shadow:0 14px 30px -18px rgba(60,48,20,.45);
}}

/* The two explicit data-theme blocks, mirroring the engine's own four-state
   shape so the header's System/Light/Dark toggle lands Arts's accent in
   every state; see Science's site.css request 989 comment for the defect
   these exist to close. */
:root[data-theme="dark"]{
  --ground:#0b0d1a; --panel:#141731; --panel2:#1b1f3d; --edge:#2b2f55; --edge2:#3a3f6b;
  --ink:#eae7f3; --muted:#a7a5c4; --faint:#8785a7;
  --shared:#79bcb0; --shared-bg:rgba(111,178,168,.14); --dark-c:#d27a92; --dark-bg:rgba(181,84,106,.16);
  --gold:#2e9cae; --gold-soft:#45bace; --gold-bg:#2e9cae;
  --shadow:0 12px 34px -14px rgba(0,0,0,.6);
}
:root[data-theme="light"]{
  --ground:#f4efe3; --panel:#eee7d6; --panel2:#f8f4ea; --edge:#ddd2ba; --edge2:#cabfa3;
  --ink:#282540; --muted:#655f74; --faint:#6d6759;
  --shared:#2f685e; --shared-bg:rgba(60,133,120,.12); --dark-c:#9c3f57; --dark-bg:rgba(162,65,90,.10);
  --gold:#18535d; --gold-soft:#206e7a; --gold-bg:#18535d;
  --shadow:0 14px 30px -18px rgba(60,48,20,.45);
}