/* Hestia Media Group — Color tokens
 * Ratio target: ~80% neutral, ~15% structural accent (blue/teal), ~5% amber.
 * Amber is reserved for monitoring / drift / alert semantics ONLY — never decorative.
 */
:root {
  /* --- Base palette --- */
  --ink: #111417; /* Primary text, high-contrast marks */
  --paper: #faf8f4; /* Primary background (warm off-white) */
  --system-blue: #1b3a5b; /* Governance pillar; primary structural accent; links */
  --cartographer-teal: #12615e; /* Media pillar accent */
  --signal-amber: #c77d2e; /* Monitoring / drift / alert semantics ONLY */
  --grid-line: #e3ded5; /* Coordinate grids, hairlines, dividers */
  --muted: #6b7075; /* Secondary text, captions, metadata */

  /* --- Derived tints / shades (for hover, fills, surfaces) --- */
  --system-blue-90: #234a72; /* hover / lighter structural */
  --system-blue-12: rgba(27, 58, 91, 0.12); /* tint fill */
  --system-blue-06: rgba(27, 58, 91, 0.06);
  --teal-90: #17726e;
  --teal-12: rgba(18, 97, 94, 0.12);
  --teal-06: rgba(18, 97, 94, 0.06);
  --amber-12: rgba(199, 125, 46, 0.12);
  --amber-40: rgba(199, 125, 46, 0.4);
  --ink-06: rgba(17, 20, 23, 0.06);
  --ink-12: rgba(17, 20, 23, 0.12);
  --paper-shade: #f2eee6; /* subtle raised/recessed surface */

  /* --- Semantic aliases --- */
  --text-primary: var(--ink);
  --text-secondary: var(--muted);
  --text-on-accent: #faf8f4;
  --text-link: var(--system-blue);

  --surface-page: var(--paper);
  --surface-raised: #ffffff;
  --surface-recessed: var(--paper-shade);
  --surface-ink: var(--ink);

  --border-hairline: var(--grid-line);
  --border-strong: var(--ink-12);
  --border-accent: var(--system-blue);

  --accent-governance: var(--system-blue);
  --accent-media: var(--cartographer-teal);
  --accent-signal: var(--signal-amber);
}