/* AffirmGear — Cobalt Volt design tokens (v3) */
:root {
  /* Ink */
  --ink: #0F0F14;
  --ink-800: #1C1C24;
  --ink-700: #2A2A34;
  --ink-500: #5A5A6B;
  --ink-400: #6E6E7E;
  --ink-300: #8A8A9A;
  --ink-200: #B0B0BE;

  /* Cobalt */
  --cobalt: #0066FF;
  --cobalt-600: #0052CC;
  --cobalt-700: #0047B3;
  --cobalt-800: #003D99;
  --cobalt-900: #0033A0;
  --cobalt-050: #E0EDFF;

  /* Accents */
  --volt: #C6FF00;
  --volt-100: #F2FFC2;
  --magenta: #FF2E93;
  --mint: #00C48C;
  --mint-600: #00A876;

  /* Surfaces */
  --paper: #ffffff;
  --mist: #F4F4F7;
  --mist-050: #FAFAFC;
  --line: #ECECF1;

  /* Extended collection palette */
  --navy: #1E3A5F;
  --sage: #3F5747;
  --teal: #00838F;
  --oatmeal: #E8DCC4;
  --coral: #FF5A1F;

  /* Type */
  --font-display: 'Bricolage Grotesque', 'Manrope', sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;

  /* Gradients */
  --grad-cobalt: linear-gradient(135deg, var(--cobalt), var(--cobalt-900));
  --grad-cobalt-soft: linear-gradient(160deg, var(--cobalt), var(--cobalt-900));
  --grad-brand: linear-gradient(90deg, var(--cobalt), var(--cobalt-900));
  --grad-volt: linear-gradient(90deg, var(--cobalt), var(--volt));

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-card: 0 20px 50px rgba(15, 15, 20, 0.10);
  --shadow-float: 0 12px 30px rgba(15, 15, 20, 0.30);
  --shadow-panel: 0 24px 70px rgba(15, 15, 20, 0.25);
  --shadow-deep: 0 30px 80px rgba(0, 0, 0, 0.50);

  /* Layout */
  --max-w: 1280px;
  --pad-x: 48px;
  --section-y: 96px;
}