/* ============================================
   DESIGN TOKENS
   Change these to retheme the entire site
   ============================================ */
:root {
  /* Colors */
  --black: #000000;
  --white: #ffffff;
  --gray-50: #fafafa;
  --gray-100: #f4f4f4;
  --gray-200: #e5e5e5;
  --gray-400: #a3a3a3;
  --gray-600: #525252;
  --gray-800: #262626;

  /* Layout */
  --nav-h: 84px;
  --section-pad-y: 120px;
  --section-pad-x: 8%;

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.2s;
  --t-base: 0.3s;
  --t-slow: 0.6s;
}