/* Rushd — Color tokens.
   AUTHORITY: the Rushd Coachee Portal brand file (blue primary + navy/gold hero
   + purple chart accent). The navy/gold identity from the Suite sign-in is
   retained for brand/hero surfaces (both files share it). Values verbatim. */
:root{
  /* ─── Brand: deep blue (primary actions, active nav, links, avatars) ─── */
  --brand-50:#EFF4FF; --brand-100:#DBE6FF; --brand-200:#B7CCFF; --brand-300:#8AAEFF;
  --brand-400:#5C8CFF; --brand-500:#2F66F0; --brand-600:#1E40AF; --brand-700:#1B3A9E;
  --brand-800:#15307F; --brand-900:#102561;
  --brand:var(--brand-600);
  --brand-soft:var(--brand-50);
  --brand-on:#FFFFFF;
  --brand-gradient:linear-gradient(180deg,#1E40AF 0%,#3B82F6 100%);/* @kind color — primary CTA */

  /* ─── Navy + gold (brand/hero surfaces, the lantern, wordmark) ─── */
  --navy-1:#16304E; --navy-2:#0E2138; --navy-3:#0A1626;
  --hero-1:#0F172A; --hero-2:#1E293B;                 /* dark hero-card gradient */
  --gold:#C99A3F; --gold-2:#D8B463; --gold-deep:#B0883E;
  --gold-hero:#E7C063;                                 /* gold eyebrow/EP star on dark */
  --cream:#EBE6DA; --cream-2:#F4F1E9; --cream-hi:#FCFAF4;
  --brand-gradient-135:linear-gradient(155deg,#21476E 0%,#16304E 100%);/* @kind color */
  --panel-gradient:radial-gradient(120% 80% at 18% 12%,rgba(201,154,63,.16) 0%,rgba(201,154,63,0) 42%),linear-gradient(158deg,#16304E 0%,#0E2138 58%,#0A1626 100%);/* @kind color */
  --hero-gradient:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);/* @kind color — dark hero card */

  /* ─── Neutrals: text ─── */
  --fg-1:#11182C; --fg-2:#24262D; --fg-3:#637381; --fg-4:#6B7280;
  --fg-5:#7D858F; --fg-6:#8A94A6; --fg-7:#9CA3AF; --fg-on-brand:#FFFFFF;

  /* ─── Neutrals: surfaces & borders ─── */
  --bg-canvas:#FFFFFF; --bg-app:#F8F9FA; --bg-card:#F6F7F9;
  --bg-chip:#F3F4F6; --bg-hover:#ECEEF1; --bg-desk:#F1F3F5;
  --border-1:#EDEEF1; --border-2:#E5E7EB; --border-3:#D1D5DB; --divider:#F3F4F6;

  /* ─── Semantic (stat cards, badges, status pills) ─── */
  --success:#009966; --success-fg:#00703C; --success-bg:#E8F2EC; --success-border:#B8DCC4;
  --warning:#8B6A01; --warning-bg:#FFF5DF; --warning-border:#F0DAA6;
  --info:#0554F2;    --info-bg:#E6EEFE;    --info-border:#BFD3FB;
  --danger:#DC2626;  --danger-bg:#FEE2E2;  --danger-border:#FCA5A5;

  /* ─── Chart / data-viz accents ─── */
  --chart-primary:#7C3AED; --chart-primary-2:#A78BFA;
  --chart-secondary:var(--brand-600); --chart-secondary-2:#3B82F6;
  --chart-gold:#F59E0B; --chart-gold-2:#FCD34D;
  --chart-grid:#E5E7EB; --chart-axis:#9CA3AF;

  --dot-alert:#EF4444;

  /* ─── Tier / plan accents (from portal Pill styles) ─── */
  --tier-foundation-bg:#FEF3C7; --tier-foundation-fg:#92400E;
  --tier-growth-bg:#E0E7FF;     --tier-growth-fg:#3730A3;
  --tier-elite-bg:#1A1A1A;      --tier-elite-fg:#FFFFFF;
  --purple-tint:#EDE9FE; --purple-ink:#5B21B6;

  /* ─── Semantic aliases (public API + keep older components resolving) ─── */
  --ink:var(--fg-1); --ink-900:var(--fg-1); --ink-strong:var(--fg-2);
  --ink-2:var(--fg-3); --ink-3:var(--fg-5);
  --text-primary:var(--fg-1); --text-heading:var(--fg-1);
  --text-secondary:var(--fg-4); --text-muted:var(--fg-3);
  --text-faint:var(--fg-7); --text-label:var(--fg-6);
  --field:var(--bg-canvas); --app:var(--bg-app);
  --surface-white:var(--bg-canvas); --surface-card:var(--bg-card); --surface-aside:var(--bg-app);
  --surface-subtle:var(--bg-chip);
  --line:var(--border-2); --line-2:var(--border-1);
  --border-100:var(--border-1); --border-200:var(--border-1); --border-300:var(--border-2);
  --border-400:var(--border-2); --border-500:var(--border-2); --border-neutral:var(--border-2);
  --border-card:var(--border-1);
  --brand-red:var(--brand-600); --brand-pink:var(--brand-400);
  --gold-bg:rgba(201,154,63,.14);
  --link-color:var(--brand-700); --success-text:var(--success-fg);
  --role-coach:var(--gold-deep); --role-org:#34495F; --role-admin:#7C3AED; --role-coachee:var(--brand-600);
}
