/* GENERATED FILE — do not edit.
   Source: scripts/render_trend_html.py (CSS)
   Regenerate: .venv/bin/python scripts/build_portal_assets.py

   The report palette, so the portal and the reports it lists are the same
   document family. Layout lives in portal.css; colour and type live here. */

/* ------------------------------------------------------------------
   Palette — Authentic. Values come from .claude/skills/authentic-design/
   tokens/{colors,typography,effects}.css; they are inlined rather than
   @imported because this file is written to disk and opened from
   anywhere, including headless Chrome with no repo on its path.

   The report keeps its own SEMANTIC names (--ground, --pos, --crit …)
   and maps brand values onto them. Brand tokens name a colour; report
   tokens name a job. Keeping the indirection means a palette revision
   is an edit to this block and nothing else.

   Coral #fd745a is the signature, so it is used for EMPHASIS — never
   for "bad". A report that painted a falling metric in the brand
   colour would read as alarm and teach the client to flinch at it.
   Critical stays red-brown, positive stays green, and the series
   colours take the deck's blue accent with coral as the second.
   ------------------------------------------------------------------ */
:root{
  --ground:#ffffff; --surface:#f6f6f7; --surface-2:#ebebed;
  --ink:#1a1a1a; --ink-2:rgba(26,26,26,.66); --ink-3:rgba(26,26,26,.46);
  --rule:rgba(26,26,26,.07); --rule-2:rgba(26,26,26,.13);
  --accent:#3751dc; --accent-soft:#f1f2fc;
  --pos:#12654a; --pos-soft:#e4efe9;
  --caution:#8a5a08; --caution-soft:#fbf1de;
  --crit:#b4331f; --crit-soft:#fde4dd;
  --note:#f1f2fc; --note-rule:#3751dc;
  --s1:#3751dc; --s2:#fd745a;
  --coral:#fd745a; --coral-deep:#e85a3f;
  --shadow:0 1px 0 rgba(26,26,26,.06), 0 20px 50px rgba(26,26,26,.08);
  --font-display:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-body:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
/* Dark mode is deliberately a NEUTRAL INVERSION, not a brand palette.
   The Authentic system defines no dark surfaces — cream and ink only —
   so anything else here would be invented brand, not applied brand.
   Coral and the deck blue are lifted for contrast on dark; the warm
   ink ground keeps it recognisably the same document. */
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --ground:#131313; --surface:#1c1c1d; --surface-2:#262628;
  --ink:#f4efe9; --ink-2:rgba(244,239,233,.72); --ink-3:rgba(244,239,233,.5);
  --rule:rgba(244,239,233,.09); --rule-2:rgba(244,239,233,.16);
  --accent:#8fa0f0; --accent-soft:#1a1d33;
  --pos:#5cc79b; --pos-soft:#14251f;
  --caution:#e4a93f; --caution-soft:#2c2415;
  --crit:#ff9179; --crit-soft:#33201b;
  --note:#1a1d33; --note-rule:#8fa0f0;
  --s1:#8fa0f0; --s2:#fd8f79;
  --coral:#fd8f79; --coral-deep:#fd745a;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.8);
}}
:root[data-theme="dark"]{
  --ground:#131313; --surface:#1c1c1d; --surface-2:#262628;
  --ink:#f4efe9; --ink-2:rgba(244,239,233,.72); --ink-3:rgba(244,239,233,.5);
  --rule:rgba(244,239,233,.09); --rule-2:rgba(244,239,233,.16);
  --accent:#8fa0f0; --accent-soft:#1a1d33;
  --pos:#5cc79b; --pos-soft:#14251f;
  --caution:#e4a93f; --caution-soft:#2c2415;
  --crit:#ff9179; --crit-soft:#33201b;
  --note:#1a1d33; --note-rule:#8fa0f0;
  --s1:#8fa0f0; --s2:#fd8f79;
  --coral:#fd8f79; --coral-deep:#fd745a;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.8);
}