/* === CSS VARIABLES & FONTS === */

@font-face {
  font-family: 'Drowner';
  src: url('../fonts/Drowner.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --blue: #5694c5;
  --yellow: #f8d619;
  --black: #0d0d0d;
  --white: #f5f5f5;
  --gray-dim: #2a2a2a;
  --gray-text: #888888;
  
  /* Typography Scaling */
  --title-hero: clamp(4rem, 10vw, 8rem);
  --title-section: clamp(3rem, 6vw, 5rem);
  --title-sub: clamp(1.5rem, 3vw, 2.5rem);
  --text-body: clamp(1rem, 1.2vw, 1.25rem);
  
  /* Easing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}