:root{
  /* --- Base surfaces (dark-only product) --- */
  --bg-main:#090d16;
  --bg-surface:#0f172a;
  --bg-surface-elevated:#1e293b;
  --bg-surface-glass:rgba(15,23,42,.75);
  --bg-header-glass:rgba(9,13,22,.85);
  --bg-scrim:rgba(0,0,0,.75);

  /* --- Borders --- */
  --border-subtle:#334155;
  --border-hover:#475569;
  --border-glow:rgba(56,189,248,.3);
  --border-hairline:rgba(255,255,255,.06);

  /* --- Text --- */
  --text-primary:#f8fafc;
  --text-secondary:#94a3b8;
  --text-muted:#64748b;
  --text-on-accent:#ffffff;
  --text-pure:#ffffff;
  --text-code:#cbd5e1;

  /* --- Accents (the whole product palette) --- */
  --accent-cyan:#38bdf8;
  --accent-blue:#3b82f6;
  --accent-purple:#8b5cf6;
  --accent-emerald:#10b981;
  --accent-amber:#f59e0b;
  --accent-red:#ef4444;

  /* --- Accent tints: 15% fill + 30% border + light text, used for every badge/pill --- */
  --tint-cyan-bg:rgba(56,189,248,.15);
  --tint-cyan-border:rgba(56,189,248,.3);
  --tint-cyan-text:#7dd3fc;
  --tint-blue-bg:rgba(59,130,246,.15);
  --tint-blue-border:rgba(59,130,246,.3);
  --tint-blue-text:#93c5fd;
  --tint-purple-bg:rgba(139,92,246,.15);
  --tint-purple-border:rgba(139,92,246,.3);
  --tint-purple-text:#c4b5fd;
  --tint-emerald-bg:rgba(16,185,129,.15);
  --tint-emerald-border:rgba(16,185,129,.3);
  --tint-emerald-text:#6ee7b7;
  --tint-amber-bg:rgba(245,158,11,.15);
  --tint-amber-border:rgba(245,158,11,.3);
  --tint-amber-text:#fcd34d;
  --tint-red-bg:rgba(239,68,68,.15);
  --tint-red-border:rgba(239,68,68,.3);
  --tint-red-text:#fca5a5;

  /* --- Propensity tiers (Tier A = immediate 80-100, Tier B = high 65-79) --- */
  --tier-a-bg:rgba(239,68,68,.15);
  --tier-a-border:#ef4444;
  --tier-a-text:#fca5a5;
  --tier-b-bg:rgba(245,158,11,.15);
  --tier-b-border:#f59e0b;
  --tier-b-text:#fcd34d;

  /* --- Semantic aliases --- */
  --surface-page:var(--bg-main);
  --surface-card:var(--bg-surface);
  --surface-raised:var(--bg-surface-elevated);
  --surface-inset:var(--bg-main);
  --surface-glass:var(--bg-surface-glass);
  --text-body:var(--text-secondary);
  --text-heading:var(--text-pure);
  --text-label:var(--text-muted);
  --interactive-accent:var(--accent-cyan);
  --status-positive:var(--accent-emerald);
  --status-warning:var(--accent-amber);
  --status-critical:var(--accent-red);

  /* --- Gradients (only ever 135deg, only on brand tile / primary action / avatars) --- */
  --gradient-brand:linear-gradient(135deg,#0284c7,#38bdf8); /* @kind other */
  --gradient-primary:linear-gradient(135deg,#0284c7,#2563eb); /* @kind other */
  --gradient-primary-hover:linear-gradient(135deg,#0369a1,#1d4ed8); /* @kind other */
  --gradient-source-btn:linear-gradient(135deg,#0284c7,#0369a1); /* @kind other */
  --gradient-avatar:linear-gradient(135deg,#1e293b,#334155); /* @kind other */
  --gradient-text:linear-gradient(135deg,#38bdf8,#818cf8,#34d399); /* @kind other */

  /* --- Third-party brand --- */
  --brand-linkedin:#0a66c2;
}