/* TaxIQ Africa — Design tokens
   Single source of truth for all CSS custom properties.
   New catalog tokens (--ink, --panel, …) are canonical.
   Legacy aliases (--bg, --surface, …) bridge extracted tool pages
   without touching their inner HTML. */

:root {
  /* ── Palette ─────────────────────────────── */
  --ink:        #111110;   /* page background */
  --panel:      #181816;   /* card/surface */
  --panel-2:    #1E1E1B;   /* hover state, utility strip */
  --line:       #33332E;   /* borders */
  --line-soft:  #262622;   /* subtle dividers */
  --text:       #F4F4EC;   /* primary text */
  --muted:      #C7C7BB;   /* secondary text — AA on --ink */
  --muted-2:    #8E8E82;   /* tertiary / labels */
  --accent:     #F1FF38;   /* yellow: FREE / primary action / money only */
  --accent-ink: #111110;   /* text on accent */
  --ok:         #7BE0A3;   /* success / verified */
  --firm:       #9DB4C7;   /* FOR FIRMS steel — no other use */

  /* ── Typography ──────────────────────────── */
  --font-body:  'Space Grotesk', sans-serif;
  --font-mono:  'Space Mono', monospace;

  /* ── Geometry ────────────────────────────── */
  --radius:     12px;
  --radius-sm:  8px;
  --w:          1180px;

  /* ── Legacy aliases (extracted tool pages) ── */
  /* Keep values close to originals; muted intentionally raised for AA */
  --bg:         var(--ink);
  --surface:    #1A1A18;
  --surface2:   #22221F;
  --surface3:   #2B2B27;
  --border:     #3B3B35;
  --gold:       #F1FF38;    /* same as --accent; tools use --gold for money */
  --red:        #FF5A4F;
  --accent2:    #D6EE22;
  --accent3:    #9AA51F;
  --purple:     #7B7B6E;
  --muted2:     var(--muted-2);
}

/* Ensure Space Grotesk + Space Mono load in one place */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');