/* =====================================================================
   ZTech Campus — Classic Theme
   Solid, dignified institutional aesthetic — deep red, gold, navy on
   warm cream. Inspired by classical academic and alumni-association
   visual language. The component-level treatment (serif headlines,
   gradient hero, milestone timeline, executive cards, curved dividers)
   lives in theme.css; this file only sets tokens.
   ===================================================================== */

:root {
  /* ---- Brand ---- */
  --primary:         #9A1B1E;   /* Deep institutional crimson */
  --primary-hover:   #6B1316;   /* Darker on hover */
  --primary-soft:    #FCE9EA;   /* Soft crimson tint */
  --primary-contrast:#FBF8EF;   /* Cream-on-crimson */

  --accent:          #1A2240;   /* Deep navy as secondary accent */
  --accent-soft:     #EAEDF5;
  --accent-gold:     #C9992B;   /* Heritage gold */
  --accent-gold-soft:#F5EBC8;

  /* ---- Surfaces — warm cream tones ---- */
  --surface:         #FFFFFF;   /* Cards, modals — kept white for legibility */
  --surface-alt:     #FBF8EF;   /* Page background — warm cream */
  --surface-muted:   #F4EFE0;   /* Inactive states, headers */
  --surface-raised:  #FFFFFF;

  /* ---- Borders + text ---- */
  --border:          #E8DFC8;   /* Warm hairline that matches cream surfaces */
  --border-strong:   #C9B98E;   /* Deeper warm border */
  --border-muted:    #F0E9D5;   /* Subtle warm separator */

  --text:            #1A2240;   /* Navy ink for body */
  --text-strong:     #0F1529;   /* Deeper navy for headings */
  --text-muted:      #5A5849;   /* Warm muted (sepia-ish, not cool grey) */
  --text-subtle:     #8B886F;   /* Softer warm tone */
  --text-inverse:    #FBF8EF;   /* Cream text on dark backgrounds */

  /* ---- Status — kept perceptually sensible, but warmed ---- */
  --success:         #2D7A3F;
  --success-soft:    #DBEEDC;
  --warning:         #B68512;
  --warning-soft:    #F5EBC8;
  --danger:          #9A1B1E;   /* Brand red doubles as danger */
  --danger-soft:     #FCE9EA;
  --info:            #1F4FA8;
  --info-soft:       #E0E7F2;

  /* ---- Shape — slightly more conservative radii (institutional feel) ---- */
  --radius-xs:       3px;
  --radius-sm:       5px;
  --radius:          8px;
  --radius-lg:       14px;
  --radius-xl:       22px;
  --radius-full:     9999px;

  /* ---- Shadows — warmer base (navy-tinted instead of slate) ---- */
  --shadow-xs:       0 1px 2px rgba(26, 34, 64, 0.05);
  --shadow-sm:       0 2px 4px rgba(26, 34, 64, 0.06);
  --shadow:          0 4px 14px rgba(26, 34, 64, 0.10);
  --shadow-md:       0 8px 22px rgba(26, 34, 64, 0.12);
  --shadow-lg:       0 14px 36px rgba(26, 34, 64, 0.14);
  --shadow-xl:       0 26px 52px rgba(26, 34, 64, 0.18);
  --shadow-glow:     0 0 0 3px rgba(154, 27, 30, 0.18);

  /* ---- Typography — display goes serif; body & UI stay sans ---- */
  --font-sans:       'Inter', 'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-display:    '"Times New Roman"', '"Cormorant Garamond"', Georgia, serif;
  --font-mono:       'JetBrains Mono', Consolas, 'Courier New', monospace;

  --text-xs:         0.75rem;
  --text-sm:         0.875rem;
  --text-base:       1rem;
  --text-lg:         1.125rem;
  --text-xl:         1.25rem;
  --text-2xl:        1.5rem;
  --text-3xl:        1.875rem;
  --text-4xl:        2.25rem;

  --leading-tight:   1.20;
  --leading-normal:  1.55;
  --leading-relaxed: 1.78;

  /* ---- Spacing — unchanged (Campus's scale is solid) ---- */
  --space-1:         0.25rem;
  --space-2:         0.5rem;
  --space-3:         0.75rem;
  --space-4:         1rem;
  --space-5:         1.25rem;
  --space-6:         1.5rem;
  --space-8:         2rem;
  --space-10:        2.5rem;
  --space-12:        3rem;
  --space-16:        4rem;

  /* ---- Transitions ---- */
  --ease-smooth:     cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   150ms;
  --duration:        220ms;
  --duration-slow:   320ms;

  /* ---- Layout ---- */
  --sidebar-width:       264px;
  --sidebar-collapsed:   72px;
  --topbar-height:       64px;
  --container-max:       1240px;

  /* ---- Gradients — defining moment of the classic look ---- */
  --gradient-brand:  linear-gradient(135deg, #1A2240 0%, #0F1529 100%);  /* Navy hero (NOT crimson — softer institutional feel) */
  --gradient-crest:  linear-gradient(135deg, #9A1B1E 0%, #6B1316 100%);  /* Crimson banner accent */
  --gradient-gold:   linear-gradient(135deg, #C9992B 0%, #E5BC4F 100%);
  --gradient-soft:   linear-gradient(180deg, #FBF8EF 0%, #FFFFFF 100%);
}