:root {
  /* Brand palette */
  --blue:         #2563EB;
  --blue-dark:    #1D4ED8;
  --blue-navy:    #0A1628;
  --blue-glow:    rgba(37, 99, 235, 0.4);
  --red:          #E63946;
  --red-dark:     #B91C1C;
  --red-glow:     rgba(230, 57, 70, 0.5);
  --red-dim:      rgba(230, 57, 70, 0.12);
  --white:        #FFFFFF;

  /* Dark backgrounds */
  --bg-base:      #080810;
  --bg-surface:   #0e0e1c;
  --bg-raised:    #131328;
  --bg-glass:     rgba(255, 255, 255, 0.03);
  --black:        #030508;
  --surface:      #080810;
  --surface-alt:  #0e0e1c;
  --elevated:     #131328;
  --elevated-hi:  #1a1a38;

  /* Borders */
  --surface-border: rgba(230, 57, 70, 0.18);
  --border-subtle:  rgba(255, 255, 255, 0.07);
  --border-red:     rgba(230, 57, 70, 0.3);

  /* Section texture — same diagonal angle as hero, inverted (light on dark) */
  --section-texture: repeating-linear-gradient(
    -45deg,
    transparent 0px,
    transparent 40px,
    rgba(255, 255, 255, 0.013) 40px,
    rgba(255, 255, 255, 0.013) 41px
  );

  /* Hero */
  --hero-bg: #FFFFFF;

  /* Text */
  --text:           #FFFFFF;
  --text-secondary: #94A3B8;
  --text-hint:      #475569;
  --text-sub:       #C8D4E4;
  --muted:          #6B7A90;

  /* Status */
  --c-open:   #22c55e;
  --c-closed: #ef4444;

  /* Fonts */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'Barlow', sans-serif;

  /* Easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Type scale — tighter, more editorial */
  --t-hero:    clamp(4.6rem, 10vw, 9.2rem);
  --t-h2:      clamp(2.8rem, 5.5vw, 5rem);
  --t-h3:      clamp(1.15rem, 2vw, 1.45rem);
  --t-body:    clamp(0.975rem, 1.15vw, 1.05rem);
  --t-small:   0.84rem;
  --t-label:   0.68rem;

  /* Spacing */
  --sp-xs:       0.5rem;
  --sp-sm:       1rem;
  --sp-md:       2rem;
  --sp-lg:       4rem;
  --sp-xl:       7rem;
  --section-pad: clamp(5rem, 11vh, 9rem);

  /* Layout */
  --max-w:  1400px;
  --nav-h:  92px;

  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.18s;
  --dur-med:  0.35s;
  --dur-slow: 0.6s;
}