/* ===========================================================
   AsijaCPA — Color tokens
   The firm runs TWO deliberate, related palettes that share one
   navy spine and the gold logo accent:
     · System A — client annual assessments (consultative report)
     · System B — marketing / "gavel" authority (ads, explainers)
   Base palettes below; semantic aliases at the bottom default to
   System B (the master marketing identity). Scope a section to
   System A with class="sys-a" (see typography/effects scopes).
   =========================================================== */
:root{
  /* ---- Brand spine (shared) ---------------------------------- */
  --navy-900:#08083E;   /* deepest indigo-navy — System B ink */
  --navy-800:#0C2A50;   /* brand navy (logo / System A anchor) */
  --navy-700:#0E2841;   /* secondary navy */
  --navy-600:#16386A;   /* lifted navy (System A) */
  --navy-050:#E9E9F7;   /* periwinkle wash (System A tint band) */

  /* ---- Gold (logo accent) ------------------------------------ */
  --gold-600:#C19A4E;   /* logo gold — metallic, primary accent */
  --gold-400:#E2C682;   /* light gold — highlights / on-dark text */
  --gold-100:#F0E2C0;   /* faint gold tint */

  /* ---- Warm neutrals (System B) ------------------------------ */
  --brown-700:#413432;  /* charcoal-brown signature */
  --brown-500:#55332D;  /* deep oxblood-brown */
  --cream:#F4EFE6;       /* warm cream surface */
  --paper:#FBF8F2;       /* warmest paper surface */
  --warm-200:#D1CBC7;   /* warm gray band */
  --warm-100:#E8E8E8;   /* light gray band */
  --warm-050:#FCFEFF;   /* near-white */
  --paper-warm:#FBF8F1; /* "Tax Doctor" handout paper (warm ivory) */
  --paper-edge:#E9E7E1; /* handout page backdrop */
  --ink-body:#33414F;   /* handout body text (cool charcoal) */
  --slate-cool:#5E6B78; /* handout muted / captions */
  --border-warm:#E3DDD0;/* handout card hairline (warm) */

  /* ---- Cool neutrals ----------------------------------------- */
  --slate-500:#64748B;  /* secondary text (cool) */
  --slate-400:#8A8276;  /* warm slate (System B captions) */
  --ink-700:#1A2740;    /* near-black ink (System A body head) */
  --text-warm:#4A443E;  /* warm body text (System B) */
  --text-gray:#565151;  /* warm gray body text (System A) */
  --white:#FFFFFF;

  /* ---- Status: gains / losses -------------------------------- */
  --green-600:#2C8F39;  /* gains, deep (System A) */
  --green-500:#3BB54A;  /* gains, bright (System A accent) */
  --green-700:#2E7D32;  /* gains, editorial (System B) */
  --green-diag:#1A7A56; /* "Tax Doctor" handout green (deep teal-green) */
  --green-300:#7FD18A;  /* gains on dark navy */
  --sage-600:#5F7A4F;   /* muted sage (System B graphics) */
  --sage-400:#7E9B6B;   /* sage tint */
  --red-600:#BE0100;    /* loss / pain red */
  --red-brick:#A8322A;  /* "Tax Doctor" handout brick-red (leak callouts) */
  --red-500:#C0392B;    /* softened loss red */
  --red-300:#E8857A;    /* loss on dark navy */
  --teal-600:#0E7C7B;   /* secondary icon teal (sparingly) */

  /* ---- Hairlines --------------------------------------------- */
  --line-navy:rgba(8,8,62,.12);
  --line-navyA:rgba(12,42,80,.14);     /* System A hairline */
  --line-on-dark:rgba(255,255,255,.18);
}

/* ===========================================================
   SEMANTIC ALIASES — default = System B (marketing master)
   =========================================================== */
:root{
  --color-ink:var(--navy-900);
  --color-surface:var(--cream);
  --color-surface-raised:var(--white);
  --color-surface-warm:var(--paper);
  --color-text:var(--text-warm);
  --color-text-muted:var(--slate-400);
  --color-heading:var(--navy-900);
  --color-accent:var(--gold-600);
  --color-accent-soft:var(--gold-400);
  --color-on-dark:var(--cream);
  --color-on-dark-muted:#B7B4C6;
  --color-gain:var(--green-700);
  --color-loss:var(--red-600);
  --color-border:var(--line-navy);
  --color-eyebrow:var(--gold-600);
}

/* ---- System A scope: client assessment decks ---------------- */
.sys-a{
  --color-ink:var(--navy-800);
  --color-surface:var(--white);
  --color-surface-raised:var(--white);
  --color-surface-warm:var(--navy-050);
  --color-text:var(--text-gray);
  --color-text-muted:var(--slate-500);
  --color-heading:var(--navy-800);
  --color-accent:var(--green-500);
  --color-accent-soft:var(--green-300);
  --color-on-dark:#FFFFFF;
  --color-on-dark-muted:#C6D0E0;
  --color-gain:var(--green-500);
  --color-loss:var(--red-500);
  --color-border:var(--line-navyA);
  --color-eyebrow:var(--green-500);
}