/**
 * Shield Ecosystem — Canonical Color Tokens
 * Resolves color audit Aug 26 2026. Import in every static HTML page + globals.css.
 * Rule: never remap Tailwind default key names to different hue families.
 */
:root {
  /* === Backgrounds === */
  --bg:            #080C12;
  --surface:       #0D1117;
  --surface2:      #111820;
  --border:        rgba(255,255,255,0.06);
  --border-strong: rgba(255,255,255,0.12);

  /* === Brand === */
  --brand-blue:       #1E3A8A;
  --brand-blue-light: #4A72B8;
  --brand-blue-dim:   #172E6E;

  /* === Semantic: financial state === */
  --profit:       #10B981;
  --profit-hover: #059669;
  --profit-light: #34D399;
  --loss:         #EF4444;
  --loss-dim:     #DC2626;

  /* === Semantic: system status === */
  --warning:    #F59E0B;
  --warning-bg: rgba(245,158,11,0.09);

  /* === Brand gold (Cyber Shield + founder-tier only) === */
  --gold:       #C9922A;
  --gold-light: #E8B84B;
  --gold-dim:   #8a6420;

  /* === Text (dark theme) === */
  --text:            #F1F5F9;
  --text-muted-dark: #94A3B8;

  /* === Text (light theme) === */
  --text-light-bg:       #0F172A;
  --text-muted-light-bg: #475569;
}

/* Semantic utilities for static pages (no Tailwind theme extension) */
.text-profit { color: var(--profit); }
.text-profit-light { color: var(--profit-light); }
.text-brand { color: var(--brand-blue); }
.text-brand-light { color: var(--brand-blue-light); }
.text-warning { color: var(--warning); }
.text-loss { color: var(--loss); }
.text-muted-dark { color: var(--text-muted-dark); }
.bg-brand { background-color: var(--brand-blue); }
.bg-brand:hover { background-color: var(--brand-blue-dim); }
.btn-profit {
  background: var(--profit);
  color: var(--bg);
}
.btn-profit:hover {
  background: var(--profit-hover);
}