/* ============================================================
   DESIGN TOKENS — Volt Culture Nutritions
   Source of truth: volt-culture-logo.html + volt-design-system.html
============================================================ */
:root {
  /* Colors */
  --cobalt:     #1B4FFF;
  --cobalt-dark:#1237CC;
  --cobalt-light:#4D78FF;
  --navy:       #0A0F1E;
  --navy-mid:   #111827;
  --ice:        #E8EFFF;
  --subtle:     #C5D3FF;
  --off-white:  #F7F8FC;
  --grey-bg:    #F0F2F8;
  --grey-mid:   #6B7280;
  --text-on-dark: #F5F7FF;
  --text-body:  #111827;
  --text-muted: #6B7280;

  /* Fonts */
  --font-display: 'DM Sans', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'DM Mono', monospace;

  /* Spacing */
  --space-xs: clamp(0.5rem, 1vw, 0.75rem);
  --space-sm: clamp(0.75rem, 1.5vw, 1rem);
  --space-md: clamp(1.25rem, 2.5vw, 2rem);
  --space-lg: clamp(2rem, 4vw, 3.5rem);
  --space-xl: clamp(3.5rem, 7vw, 6rem);
  --space-2xl: clamp(5rem, 10vw, 9rem);

  --max-width: 1200px;
  --transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}