/* ═══════════════════════════════════════════════════════════════
   RNI DESIGN TOKENS — rni-tokens.css
   Shared across all 7 surfaces. Load before surface CSS.
   Source of truth for all CSS variables.
   Last updated: March 2026
═══════════════════════════════════════════════════════════════ */

:root {

  /* ── PORTAL ACCENT COLORS (locked canon) ── */
  --clinical-accent:   #43DBA3;   /* Clinical Portal + Console */
  --exec-accent:       #3B82F6;   /* Executive Portal + Console */
  --admin-accent:      #F4C84B;   /* Admin Portal + Console */
  --patient-accent:    #43DBA3;   /* Patient Portal */

  /* ── CLINICAL GREEN SYSTEM ── */
  --emerald:           #43DBA3;
  --emerald-dark:      #2EBD8A;
  --emerald-light:     rgba(67,219,163,0.06);

  /* ── EXECUTIVE BLUE SYSTEM ── */
  --exec-blue:         #3B82F6;
  --exec-blue-dark:    #2563EB;
  --exec-blue-light:   rgba(59,130,246,0.08);

  /* ── ADMIN YELLOW SYSTEM ── */
  --admin-yellow:      #F4C84B;
  --admin-yellow-dark: #D4A82A;
  --admin-yellow-light:rgba(244,200,75,0.08);

  /* ── CORE BRAND ── */
  --gold:              #D4AF37;   /* Achievement / confidence / tagline */
  --gold-dark:         #B8952E;
  --gold-light:        rgba(212,175,55,0.08);
  --charcoal:          #1A1A2E;
  --charcoal-light:    #2A2C31;
  --ink:               #1A1F36;

  /* ── GREY SCALE ── */
  --slate:             #4F566B;
  --muted:             #697386;
  --grey:              #6B7280;
  --grey-dark:         #4B5563;
  --grey-light:        #9CA3AF;
  --light:             #A3ACB9;
  --cream:             #FFFCE8;
  --page-bg:           #FDFCF8;
  --border:            #E3E8EE;
  --border-light:      #F0F3F7;
  --bg:                #F6F8FA;
  --white:             #FFFFFF;

  /* ── UTILITY COLORS ── */
  --blue:              #3B82F6;
  --red:               #DC2626;
  --red-light:         #FEF2F2;
  --amber:             #F59E0B;
  --amber-light:       #FFFBEB;

  /* ── DOCTOR COLORS (Council Canon — locked) ── */
  --dr-williams:       #D4AF37;
  --dr-olivia:         #43DBA3;
  --dr-rivera:         #3B82F6;
  --dr-chen:           #DC2626;
  --dr-peterson:       #00B8D4;
  --dr-taylor:         #9B59B6;   /* Taylor */

  /* ── SHADOWS (Lexus Polish) ── */
  --shadow-sm:         0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:         0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg:         0 4px 10px rgba(0,0,0,0.10);
  --shadow-xl:         0 8px 24px rgba(0,0,0,0.15);
}