﻿/* 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 Language's own.

   THE ACCENT IS Language's owner-picked mark palette, request 987, request
   1044 (2026-08-21): dark #269793 soft #32c8c3, light #155351
   soft #1d7371. Contrast already computed against the family
   surfaces by the request 987 identity page rather than recomputed here;
   see sites\DivinityAtlas\images\family-identity\preview-language.html.
   Dark theme: #269793 on --ground measures 5.46 to 1, on --panel
   4.96 to 1, on --panel2 4.53 to 1; #32c8c3 on --ground
   measures 9.37 to 1, on --panel 8.51 to 1, on --panel2
   7.78 to 1. Light theme: #155351 on --ground measures 7.66
   to 1, on --panel 7.13 to 1, on --panel2 8.01 to 1;
   #1d7371 on --ground measures 4.89 to 1, on --panel
   4.55 to 1, on --panel2 5.11 to 1. All clear the 4.5 to 1
   text minimum on every family surface, the same bar History's bronze
   was held to.

   The --gold-bg fill role: in the dark theme dark ink (#1a1508) on
   #269793 clears the 4.5 to 1 bar comfortably, the same shape Divinity,
   Science, Political and History already use. In the light theme the
   opposite ink survives: dark ink on #155351 fails, but white text on
   #155351 clears with wide margin, 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. */

: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:#269793; --gold-soft:#32c8c3; --gold-bg:#269793;
  --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:#155351; --gold-soft:#1d7371; --gold-bg:#155351;
  --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 Language'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:#269793; --gold-soft:#32c8c3; --gold-bg:#269793;
  --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:#155351; --gold-soft:#1d7371; --gold-bg:#155351;
  --shadow:0 14px 30px -18px rgba(60,48,20,.45);
}
