/* ============================================================
   Simplifae — Color tokens
   Calm, evidence-first, enterprise B2B. Colour is FUNCTIONAL:
   it signals a decision (Go / Check / No-Go) — never decoration.
   Everything else stays calm navy-grey.
   ============================================================ */
:root {
  /* ── Brand · navy ink ──────────────────────────────── */
  --sf-navy:            #07102A;   /* deepest brand ink (sidebar, hero) */
  --sf-navy-mid:        #112247;   /* hover / mid navy */
  --sf-navy-light:      #20345F;   /* raised navy surfaces */
  --sf-ink:             #16233B;   /* warm navy — primary body text */

  /* ── Brand · signature teal ────────────────────────── */
  --sf-teal:            #12DDD0;   /* signature accent */
  --sf-teal-dark:       #0A9389;   /* teal for text / Go verdict */
  --sf-teal-bg:         #E8F8F6;   /* soft teal wash */
  --sf-teal-ink:        #0E5E58;   /* legible teal text on wash */

  /* ── Brand · soft sand & calm canvas ───────────────── */
  --sf-sand:            #F7F5EF;   /* warm paper neutral */
  --sf-canvas:          #EEF3F7;   /* calm app background */

  /* ── AI identity · violet (AI features only) ───────── */
  --sf-ai:              #7C3AED;   /* Simplifaer / AI */
  --sf-ai-light:        #F0EEFF;   /* AI wash */
  --sf-ai-dark:         #5B21B6;   /* AI hover / text */

  /* ── Neutrals ──────────────────────────────────────── */
  --sf-white:           #FFFFFF;
  --sf-card:            rgba(255,255,255,0.92);  /* default card fill */
  --sf-text:            #16233B;   /* primary text */
  --sf-text-2:          #5F6E84;   /* secondary text */
  --sf-text-3:          #8799B6;   /* tertiary / placeholder */
  --sf-border:          #D7E2EC;   /* delicate hairline */
  --sf-border-strong:   #C8D6E3;   /* stronger divider */

  /* ── Functional · decision colours ─────────────────── */
  /* GO — proceed / covered / won */
  --sf-go:              #0A9389;
  --sf-go-strong:       #047857;
  --sf-go-bg:           #E8F8F6;
  --sf-go-border:       #B8E9E3;
  --sf-go-ink:          #0B6F68;
  /* CHECK — validate / warning / watch-out */
  --sf-check:           #F59E0B;
  --sf-check-strong:    #B45309;
  --sf-check-bg:        #FEF3C7;
  --sf-check-ink:       #92400E;
  /* NO-GO — skip / missing / blocker */
  --sf-nogo:            #EF4444;
  --sf-nogo-strong:     #B91C1C;
  --sf-nogo-bg:         #FEE2E2;
  --sf-nogo-ink:        #991B1B;

  /* ── Semantic aliases (use these in components) ────── */
  --surface-app:        var(--sf-canvas);
  --surface-card:       var(--sf-white);
  --surface-sunken:     var(--sf-canvas);
  --surface-navy:       var(--sf-navy);
  --text-strong:        var(--sf-ink);
  --text-body:          var(--sf-text);
  --text-muted:         var(--sf-text-2);
  --text-faint:         var(--sf-text-3);
  --line:               var(--sf-border);
  --line-strong:        var(--sf-border-strong);
  --accent:             var(--sf-teal);
  --accent-ink:         var(--sf-teal-dark);
}