/* ==========================================================================
   DAWOOD BHAI EDUCATIONAL CONSULTANCY — DESIGN TOKENS
   Signature concept: the travel document. Every accent, stamp and dotted
   line below borrows from boarding passes, visas and flight paths —
   because this brand's real product is a journey, not a classroom.
   ========================================================================== */

:root {
  /* ---- Color: Navy is the base, not white. Gold is a seal, used sparingly. ---- */
  --color-navy-950: #050f24;
  --color-navy-900: #071C3F;
  --color-navy-800: #0d2856;
  --color-navy-700: #133870;
  --color-royal:     #0F52BA;
  --color-royal-600: #1a63d6;
  --color-gold:      #F5B400;
  --color-gold-dark: #d99900;
  --color-white:     #FFFFFF;
  --color-mist:      #F7F9FC;
  --color-mist-200:  #EDF1F8;
  --color-line:      #E2E8F3;
  --color-charcoal:  #1A1A1A;
  --color-slate:     #5B6B85;
  --color-emerald:   #1F9D6B;
  --color-red:       #D64545;

  /* ---- Gradients ---- */
  --grad-navy: linear-gradient(135deg, var(--color-navy-950) 0%, var(--color-navy-900) 45%, var(--color-royal) 100%);
  --grad-gold: linear-gradient(120deg, #FFD873 0%, var(--color-gold) 55%, var(--color-gold-dark) 100%);
  --grad-royal: linear-gradient(135deg, var(--color-royal) 0%, var(--color-navy-800) 100%);

  /* ---- Typography ---- */
  --font-display: 'Sora', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --fs-hero: clamp(2.6rem, 5vw, 4.6rem);
  --fs-h1: clamp(2.1rem, 3.6vw, 3.2rem);
  --fs-h2: clamp(1.7rem, 2.6vw, 2.4rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.6rem);
  --fs-body: 1.05rem;
  --fs-small: 0.9rem;
  --fs-mono: 0.85rem;

  /* ---- Spacing scale ---- */
  --sp-xs: 0.5rem;
  --sp-sm: 1rem;
  --sp-md: 1.75rem;
  --sp-lg: 3rem;
  --sp-xl: 5rem;
  --sp-2xl: 8rem;

  /* ---- Shape / elevation ---- */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 100px;

  --shadow-soft: 0 10px 40px -12px rgba(7, 28, 63, 0.18);
  --shadow-card: 0 18px 50px -20px rgba(7, 28, 63, 0.35);
  --shadow-gold: 0 12px 30px -10px rgba(245, 180, 0, 0.45);

  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: 0.25s;
  --dur-med: 0.5s;
  --dur-slow: 0.9s;
}