/* ═══════════════════════════════════════════
   HalloStu Design Tokens
   SOURCE OF TRUTH — all pages link to this file.
   Edit here → push to GitHub → site updates.
   ═══════════════════════════════════════════ */

:root {
  /* ── Brand Colors ── */
  --navy:   #1E3A5F;   /* darkest — hero bg, nav bg */
  --navy-dark: #152C48; /* deeper navy for gradients */
  --blue:   #6AAFE0;   /* primary — buttons, links, accents */
  --sky:    #85C7F2;   /* secondary — gradients, hover states (blue-light) */
  --pale:   #B8DFF5;   /* borders, light accents (blue-pale) */
  --frost:  #EAF4FB;   /* card backgrounds, chat bubbles (blue-wash) */
  --white:  #fff;
  --off-white: #F7FAFB; /* page background alt */
  --ink:    #2D3E4A;   /* body text (gray-700) */
  --muted:  #5E7383;   /* secondary text, labels (gray-500) */
  --bg:     #F0F4F7;   /* page background (gray-100) */
  --green:  #27AE60;   /* success states */

  /* ── Gray Scale ── */
  --gray-100: #F0F4F7;
  --gray-200: #D9E2E9;
  --gray-300: #A8B8C6;
  --gray-500: #5E7383;
  --gray-700: #2D3E4A;

  /* ── Status Colors ── */
  --success: #27AE60;
  --warning: #F2994A;
  --error:   #EB5757;

  /* ── Accent Colors (VS comparison, testimonials) ── */
  --gold:    #F5A623;
  --coral:   #FF6B6B;

  /* ── Utility Colors ── */
  --accent-glow: rgba(93, 173, 226, 0.2);
  --border:  #B8DFF5;
  --border2: rgba(30, 58, 95, 0.12);
  --text3:   #A8B8C6;  /* tertiary text (gray-300) */

  /* ── Typography ── */
  /* Headings: Fraunces (serif), weight 600/800 */
  /* Body: Plus Jakarta Sans (sans-serif), weight 400/500/600 */
  --font-heading: 'Fraunces', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;

  /* ── Spacing & Radii ── */
  --radius:     12px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-pill: 100px;
  --radius-btn: 10px;

  /* ── Shadows ── */
  --shadow-card:       0 2px 16px rgba(30, 58, 95, 0.07);
  --shadow-card-hover: 0 12px 40px rgba(30, 58, 95, 0.10);
  --shadow-hover:      0 4px 24px rgba(30, 58, 95, 0.12);
}