/* VO2Peaks design tokens — vo2.ir onboarding */
:root {
  /* Brand */
  --vo2-pink-400: #EA4782;
  --vo2-pink-500: #DF2063;
  --vo2-pink-600: #BE1553;
  --vo2-green-500: #1FAE63;
  --vo2-cyan-500: #29D4C6;
  --vo2-navy: #00247D;

  --vo2-magenta: var(--vo2-pink-500);
  --primary: var(--vo2-pink-500);
  --primary-hover: var(--vo2-pink-400);
  --primary-press: var(--vo2-pink-600);
  --secondary: var(--vo2-navy);
  --success: var(--vo2-green-500);
  --warning: #F5B740;
  --danger: #FF6B3D;

  /* Neumorphic surfaces */
  --surface-0: #E8ECF2;
  --surface-1: #EEF1F6;
  --surface-2: #F3F5F9;
  --surface-sunken: #DDE2EB;
  --surface-ink: #FFFFFF;

  --fg-1: #1A1F2B;
  --fg-2: #3A4254;
  --fg-3: #6B7282;
  --fg-4: #9AA1B1;
  --fg-inv: #FFFFFF;

  --background: var(--surface-0);
  --foreground: var(--fg-1);
  --muted: var(--fg-3);
  --border: rgba(163, 177, 198, 0.45);

  /* Shadows */
  --nm-light: rgba(255, 255, 255, 0.92);
  --nm-dark: rgba(163, 177, 198, 0.55);
  --nm-raised:
    -8px -8px 20px var(--nm-light),
     10px 10px 24px var(--nm-dark);
  --nm-raised-sm:
    -4px -4px 10px var(--nm-light),
     5px 5px 12px var(--nm-dark);
  --nm-inset:
    inset 4px 4px 8px var(--nm-dark),
    inset -4px -4px 8px var(--nm-light);
  --nm-inset-sm:
    inset 2px 2px 5px var(--nm-dark),
    inset -2px -2px 5px var(--nm-light);

  /* Type */
  --font-body: 'Vazirmatn', Vazir, Tahoma, sans-serif;
  --font-display: var(--font-body);
  --fs-h2: 1.5rem;
  --fs-body: 0.9375rem;
  --fs-small: 0.8125rem;
  --fs-caption: 0.6875rem;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --tracking-label: 0.1em;

  /* Radii & motion */
  --r-card: 24px;
  --r-pill: 999px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-2: 200ms;
  --dur-3: 320ms;
}