/* ============================================================
   SR VIDYAMANDIR — DESIGN TOKENS
   Direction: "Ridgeline & Merit" — a cool mountain-dusk palette
   (Mandi sits in the Himachal ranges) paired with a warm merit-gold
   used only for achievement and action. Confident geometric display
   type for headlines, a plain workhorse sans for body copy, and a
   mono face for dates/countdowns/registration numbers so the site's
   most "administrative" content (batch dates, OTP digits) reads with
   deliberate, exam-hall precision.
   ============================================================ */

:root{
  /* ---- Color: named, not generic ---- */
  --ink-950:        #0B1B2E;   /* near-black navy, headline ink */
  --ridge-900:       #10233F;  /* primary dark surface */
  --ridge-800:       #1B3358;  /* secondary dark surface */
  --ridge-700:       #274979;  /* hover/active on dark */
  --dusk-100:        #E7ECF3;  /* cool pale surface tint */
  --paper-0:         #F6F7F5;  /* main background, cool-white not cream */
  --paper-50:        #FFFFFF;

  --merit-gold-500:  #C9962C;  /* achievement accent */
  --merit-gold-600:  #A97A1C;  /* gold hover/deep */
  --merit-gold-100:  #FBF0DA;  /* gold tint background */

  --ember-500:       #C0432E;  /* urgency accent: register/enrol CTAs */
  --ember-600:       #A1341F;
  --ember-100:       #F9E4DE;

  --pine-600:        #2F6B4F;  /* success / open-admission accent */
  --pine-100:         #E1EFE6;

  --slate-600:       #52606D;  /* secondary text */
  --slate-400:        #8A96A3;
  --slate-200:        #D6DCE2;
  --slate-100:        #EAEDF0;

  /* ---- Type families ---- */
  --font-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* ---- Type scale ---- */
  --step--1: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);
  --step-0:  clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --step-1:  clamp(1.2rem, 1.13rem + 0.35vw, 1.375rem);
  --step-2:  clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --step-3:  clamp(1.9rem, 1.6rem + 1.5vw, 2.6rem);
  --step-4:  clamp(2.4rem, 1.9rem + 2.5vw, 3.6rem);
  --step-5:  clamp(3rem, 2.2rem + 4vw, 4.8rem);

  /* ---- Spacing (8pt-ish rhythm) ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.8rem;
  --sp-3: 1.2rem;
  --sp-4: 1.6rem;
  --sp-5: 2.4rem;
  --sp-6: 3.2rem;
  --sp-7: 4.8rem;
  --sp-8: 6.4rem;

  /* ---- Shape / motion ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(11,27,46,0.06), 0 8px 24px -8px rgba(11,27,46,0.18);
  --shadow-pop:  0 12px 40px -12px rgba(11,27,46,0.35);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-1: 160ms;
  --dur-2: 320ms;

  --content-max: 1180px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}