/* ============================================================
   AzureCostIndia.com — Design Tokens
   Shared across every page. See UI/UX Document §2 for rationale.

   IMPORTANT: --amber-fill is a CONSTANT across both themes — it is
   the button/CTA background role, always paired with fixed dark
   text (#171208). --amber and --mint are the "ink" role (text on
   the page background) and DO change value between themes to stay
   AA-contrast-compliant. Do not use --amber for a solid fill
   behind fixed dark text — use --amber-fill. (See Reference Doc §9,
   mistake #1 — this was a real shipped bug during prototyping.)
   ============================================================ */

:root{
  --bg:        #0B0F14;
  --surface:   #121820;
  --surface-2: #1A222C;
  --border:    #26313D;
  --text:      #E7ECF1;
  --text-muted:#8D99A6;
  --amber:     #E8A33D;
  --amber-dark:#B97C22;
  --amber-fill:#E8A33D;
  --mint:      #52D6C6;
  --header-bg: rgba(11,15,20,.92);

  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
  --font-sans: 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif;

  --radius: 10px;
  --container: 1120px;
}

/* Light mode — re-tuned for AA contrast on light surfaces, not a blind invert */
:root[data-theme="light"]{
  --bg:        #F2F5F7;
  --surface:   #FFFFFF;
  --surface-2: #EBEFF3;
  --border:    #D6DEE6;
  --text:      #12181F;
  --text-muted:#5C6770;
  --amber:     #B8690F;
  --amber-dark:#96550C;
  --mint:      #0B8F7D;
  --header-bg: rgba(242,245,247,.92);
}