/* ============================================
   FOURTH STUDIO — CSS VARIABLES
   Edit here to restyle the entire site.
   ============================================ */
:root {
  /* COLORS */
  --black:          #070707;
  --black2:         #0d0d0d;
  --black3:         #141414;
  --red:            #be1318;
  --red-hot:        #e5191f;
  --red-dim:        #7a0b0e;
  --red-glow:       rgba(190,19,24,0.15);
  --white:          #f0ece8;
  --white-dim:      rgba(240,236,232,0.5);
  --white-faint:    rgba(240,236,232,0.08);
  --white-rule:     rgba(240,236,232,0.12);

  /* TYPOGRAPHY */
  --font-display: 'Anton', 'Impact', sans-serif;          /* Big headlines */
  --font-body:    'Barlow Condensed', sans-serif;          /* Body + UI text */
  --font-mono:    'JetBrains Mono', monospace;             /* Labels & tags */

  /* LAYOUT */
  --max:        1440px;
  --nav-h:      76px;
  --pad:        clamp(24px, 4vw, 80px);
  --radius:     2px;

  /* EASING */
  --ease:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease2:      cubic-bezier(0.45, 0, 0.55, 1);
}