/* ═══════════════════════════════════════════════════════════
   ARIA — DESIGN TOKENS  (shared, page-agnostic)
   The single source of truth for colour, type scale and layout
   width across the marketing/public surface and any future page
   (dashboard, admin, settings…). Load this FIRST.

   ⚠  Do NOT import this into app.html / app.css. The application
      keeps its own tokens. This file powers the limewash design
      system only, so the two never collide.
═══════════════════════════════════════════════════════════ */
:root{
  /* navy family */
  --navy:#0B1C3D;
  --navy-deep:#0A1628;
  --navy-ink:#081120;
  --panel:#122A4E;          /* navy panel sitting on cream */
  --panel-2:#0B1C3D;        /* deeper inner navy */

  /* cream family */
  --cream:#EAE6DA;          /* primary warm canvas */
  --cream-2:#E2DDCF;        /* alternate / deeper cream */
  --cream-card:#FFFFFF;     /* covers / light cards */

  /* gold family — the only accent */
  --gold:#C8951A;           /* labels, rules, deep accent */
  --gold-2:#D9A21C;         /* icon tiles, mid accent */
  --amber:#FFCC00;          /* CTA, big numbers, highlight */
  --logo:#E4AE32;           /* premium gold for the ARIA logo marks */

  /* status */
  --green:#00A878;          /* success states */

  /* text */
  --ink:#232C45;            /* body on cream (dark, readable, navy-leaning) */
  --ink-2:#4A5168;          /* secondary on cream */
  --on-navy:#FFFFFF;        /* headline on navy */
  --on-navy-body:#E4DFD2;   /* body on navy (warm cream) */
  --on-navy-dim:#BCB6A6;    /* secondary on navy (warm) */

  /* type families — Playfair Display (display) + Poppins (body) */
  --font-display:'Playfair Display',serif;
  --font-body:'Poppins',sans-serif;

  /* layout */
  --maxw:1180px;
}