/* ═══════════════════════════════════════
   SLICK CITY — CSS CUSTOM PROPERTIES
   Edit here to update brand colors/fonts
   sitewide.
   ═══════════════════════════════════════ */

:root {
  /* Brand colors */
  --y: #FFCF01;   /* Yellow */
  --b: #2296F9;   /* Blue */
  --p: #F40082;   /* Pink */
  --dk: #2A2A2A;  /* Dark */
  --w: #FFFFFF;   /* White */

  /* Background tones */
  --bg-deep:   #151515;
  --bg-dark:   #1a1a1a;
  --bg-mid:    #2A2A2A;
  --bg-white:  #ffffff;

  /* Typography */
  --font-primary: 'Montserrat', sans-serif;
  --font-display: 'Atomic Marker', cursive;
  --font-accent:  'Have Heart Two', cursive;

  /* Easing */
  --ease-out: cubic-bezier(.22, 1, .36, 1);

  /* Nav height */
  --nav-h: 72px;
}