/* ═══════════════════════════════════════════
   TOKENS — Design System Variables
   DaveScope Ventures V3
═══════════════════════════════════════════ */

:root {
  /* Brand Colors */
  --gold:        #F5C200;
  --gold-light:  #FFD740;
  --gold-dim:    #C99A00;
  --gold-alpha:  rgba(245, 194, 0, 0.12);
  --ink:         #0E0E0E;
  --ink-2:       #1C1C1C;
  --ink-3:       #2A2A2A;
  --white:       #FFFFFF;
  --off-white:   #F8F6F0;
  --gray:        #B0A98F;
  --gray-light:  #EDECE8;
  --gray-text:   #555555;

  /* Typography */
  --f-display: 'Bebas Neue', sans-serif;
  --f-serif:   'Fraunces', serif;
  --f-body:    'Mulish', sans-serif;

  /* Spacing */
  --nav-h:     76px;
  --section-v: 100px;
  --gutter:    4%;

  /* Motion */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:  cubic-bezier(0, 0, 0.2, 1);
  --dur-fast:  0.22s;
  --dur-med:   0.38s;
  --dur-slow:  0.65s;

  /* Elevation */
  --shadow-sm:  0 2px 12px rgba(0,0,0,0.08);
  --shadow-md:  0 8px 30px rgba(0,0,0,0.14);
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.22);
  --shadow-gold: 0 12px 36px rgba(245,194,0,0.35);
}