/* ══════════════════════════════════════════════════════════════════
   MedMint Web — Design Tokens (ported 1:1 from JavaFX light.css/dark.css)
   -mm-* JavaFX vars  →  --mm-* CSS custom properties.
   Light on :root, dark on [data-theme="dark"].
   ══════════════════════════════════════════════════════════════════ */
:root {
  /* Brand teal — primary identity (#166D72) */
  --mm-teal-50:  #ECF5F5;
  --mm-teal-100: #D3E9EA;
  --mm-teal-200: #A7D5D6;
  --mm-teal-300: #6FBABC;
  --mm-teal-400: #33999D;
  --mm-teal-500: #1E8286;
  --mm-teal-600: #166D72;   /* PRIMARY */
  --mm-teal-700: #11565A;
  --mm-teal-800: #0D4145;
  --mm-teal-900: #082B2E;

  /* Accent — mint/teal (#2BC5B4) */
  --mm-mint-50:  #E6FAF7;
  --mm-mint-100: #C4F3ED;
  --mm-mint-200: #93E9DE;
  --mm-mint-300: #5AD8C9;
  --mm-mint-400: #2BC5B4;   /* ACCENT */
  --mm-mint-500: #16A89A;

  /* Warning (#F59E0B) */
  --mm-gold-50:  #FEF3C7;
  --mm-gold-100: #FDE68A;
  --mm-gold-500: #F59E0B;
  --mm-gold-700: #B45309;

  /* Error (#EF4444) */
  --mm-red-50:   #FEE2E2;
  --mm-red-100:  #FECACA;
  --mm-red-500:  #EF4444;
  --mm-red-700:  #B91C1C;

  /* Success (#16A34A) */
  --mm-green-50: #DCFCE7;
  --mm-green-500:#16A34A;

  --mm-purple-50:#EEF2FF;
  --mm-purple-500:#6366F1;

  /* Neutral ramp */
  --mm-white:    #FFFFFF;
  --mm-bg:       #F8FAFC;
  --mm-surface:  #FFFFFF;
  --mm-surface-2:#F1F5F9;
  --mm-border:   #E5E7EB;
  --mm-border-2: #D1D5DB;
  --mm-text:     #111827;
  --mm-text-2:   #374151;
  --mm-text-3:   #6B7280;
  --mm-text-4:   #9CA3AF;

  /* Effects */
  --mm-shadow-sm: 0 1px 2px rgba(17,24,39,0.04), 0 0 0 1px rgba(17,24,39,0.02);
  --mm-shadow-md: 0 6px 18px rgba(22,109,114,0.10);
  --mm-shadow-lg: 0 14px 40px rgba(22,109,114,0.14);

  --mm-font: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", system-ui, sans-serif;
}

[data-theme="dark"] {
  --mm-teal-50:  #0E2A2C;
  --mm-teal-100: #123336;
  --mm-teal-200: #17403F;
  --mm-teal-300: #245C5D;
  --mm-teal-400: #3C8C8B;
  --mm-teal-500: #4FAAA6;
  --mm-teal-600: #2BC5B4;
  --mm-teal-700: #23B0A2;
  --mm-teal-800: #1C968B;
  --mm-teal-900: #157C73;

  --mm-mint-50:  #0C2A27;
  --mm-mint-100: #113833;
  --mm-mint-200: #195249;
  --mm-mint-300: #277567;
  --mm-mint-400: #2BC5B4;
  --mm-mint-500: #5AD8C9;

  --mm-gold-50:  #2A2410;
  --mm-gold-100: #3D3418;
  --mm-gold-500: #F59E0B;
  --mm-gold-700: #FBBF24;

  --mm-red-50:   #2E1616;
  --mm-red-100:  #4A2020;
  --mm-red-500:  #EF4444;
  --mm-red-700:  #F87171;

  --mm-green-50: #14261C;
  --mm-green-500:#22C55E;

  --mm-purple-50:#1E2033;
  --mm-purple-500:#818CF8;

  --mm-white:    #FFFFFF;
  --mm-bg:       #0B0F14;
  --mm-surface:  #131920;
  --mm-surface-2:#1A222B;
  --mm-border:   #243040;
  --mm-border-2: #33424F;
  --mm-text:     #E8EDF2;
  --mm-text-2:   #B8C2CC;
  --mm-text-3:   #8A95A0;
  --mm-text-4:   #5F6975;

  --mm-shadow-sm: 0 1px 2px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.02);
  --mm-shadow-md: 0 6px 18px rgba(0,0,0,0.50);
  --mm-shadow-lg: 0 14px 40px rgba(0,0,0,0.60);
}