/* ==========================================================================
   PREMED design tokens — the ONLY place brand colours, type and spacing are defined.
   Change a value here and it updates everywhere in the app.
   Brand: deep PREMED navy fading to white (from the logo), red accents.
   ========================================================================== */
:root {
  /* Brand blues (logo fade #001431 → #ffffff) */
  --navy-950: #001431;   /* primary brand navy */
  --navy-900: #04204a;
  --navy-800: #0a2d61;
  --blue-700: #1c4b8f;
  --blue-600: #2b5ea8;
  --blue-500: #4a78bd;
  --blue-300: #9db6dc;
  --blue-200: #c6d5ec;
  --blue-100: #e5ecf7;
  --blue-50:  #f2f6fc;
  --white:    #ffffff;

  /* Accent */
  --red:      #b71010;   /* PREMED red — accents, active states, key actions */
  --red-700:  #940c0c;
  --red-50:   #fdeeee;

  /* Neutrals */
  --text:     #0b1730;
  --text-2:   #44536d;
  --muted:    #6b7a93;
  --border:   #dde5f1;
  --surface:  #ffffff;
  --page:     #f2f6fc;

  /* Status (used sparingly) */
  --amber:    #8a5300;
  --amber-bg: #fff5de;
  --amber-bd: #f3d48f;
  --green:    #1b7048;
  --green-bg: #e6f4ec;

  /* Gradients */
  --grad-hero: linear-gradient(160deg, #001431 0%, #04204a 38%, #1c4b8f 78%, #4a78bd 100%);
  --grad-fade: linear-gradient(180deg, #001431 0%, #0a2d61 55%, rgba(242,246,252,0) 100%);
  --grad-card: linear-gradient(145deg, #001431 0%, #1c4b8f 70%, #9db6dc 130%);

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --fs-xs: 12px; --fs-sm: 13.5px; --fs-md: 15.5px; --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px;

  /* Shape & depth */
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(0,20,49,.06), 0 2px 10px rgba(0,20,49,.06);
  --shadow-2: 0 6px 24px rgba(0,20,49,.14);
  --shadow-3: 0 14px 44px rgba(0,20,49,.28);

  /* Layout */
  --maxw: 520px;
  --gutter: 16px;
  --tabbar-h: 62px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}