:root {
  /* EXACT BRAND COLOR PALETTE MATCHING LOGO BURGUNDY (#8B1A3A) */
  --jsc-burgundy: #8B1A3A;
  --jsc-burgundy-light: #A5244A;
  --jsc-burgundy-dark: #3D0E1A;
  --jsc-burgundy-scrolled: #6B1530;

  --jsc-navy: #1A3A6B;
  --jsc-navy-light: #2A5A9B;
  --jsc-navy-dark: #0F2440;

  --jsc-orange: #D4652E;
  --jsc-orange-light: #E57B45;

  --jsc-white: #FFFFFF;
  --jsc-offwhite: #F8F7F4;
  --jsc-dark: #1C1C1E;
  --jsc-gray: #6B7280;
  --jsc-light-border: #E5E7EB;

  /* TYPOGRAPHY */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --text-hero: clamp(2.25rem, 5vw, 3.5rem); /* 56px max desktop, 36px mobile */
  --text-h1: clamp(2rem, 4vw, 2.5rem);     /* 40px max */
  --text-h2: clamp(1.75rem, 3vw, 2rem);    /* 32px max */
  --text-h3: 1.25rem;                       /* 20px */
  --text-body: 1rem;                         /* 16px */
  --text-small: 0.875rem;                    /* 14px */
  --text-caption: 0.75rem;                    /* 12px */

  /* SPACING & LAYOUT */
  --container-max: 1240px;
  --container-padding: 24px;
  --container-padding-mobile: 16px;
  --section-padding-y: 80px;
  --section-padding-y-mobile: 48px;
  --grid-gap: 24px;

  /* BORDER RADIUS */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-card: 16px;
  --radius-input: 12px;
  --radius-pill: 50px;

  /* SHADOWS */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.08);
  --shadow-cta: 0 8px 24px rgba(212, 101, 46, 0.35);

  /* TRANSITIONS */
  --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-INDEX STACK */
  --z-nav: 1000;
  --z-overlay: 2000;
  --z-widget: 9999;
}