/* ═══════════════════════════════════════════
   TUVO — Design Tokens
   Single source of truth for all design variables
   ═══════════════════════════════════════════ */

:root {
  /* ── Colors ── */
  --color-primary: #2A9D8F;
  --color-primary-dark: #238277;
  --color-primary-glow: rgba(42, 157, 143, 0.15);
  --color-primary-subtle: rgba(42, 157, 143, 0.08);
  --color-primary-border: rgba(42, 157, 143, 0.2);

  --color-accent: #E9A820;
  --color-accent-dark: #D4961A;
  --color-accent-glow: rgba(233, 168, 32, 0.15);
  --color-accent-subtle: rgba(233, 168, 32, 0.08);
  --color-accent-dim: rgba(233, 168, 32, 0.5);

  --color-bg: #FAFAF5;
  --color-bg-alt: #FFFFFF;
  --color-bg-warm: #F5F4EF;
  --color-bg-card: rgba(42, 157, 143, 0.04);

  --color-text: #1A1A2E;
  --color-text-secondary: #6B7280;
  --color-text-muted: rgba(26, 26, 46, 0.45);
  --color-text-dim: rgba(26, 26, 46, 0.25);
  --color-text-inverse: #FFFFFF;

  --color-success: #10B981;
  --color-success-subtle: rgba(16, 185, 129, 0.08);
  --color-error: #EF4444;
  --color-error-subtle: rgba(239, 68, 68, 0.08);
  --color-danger: #DC2626;
  --color-danger-subtle: rgba(220, 38, 38, 0.08);
  --color-danger-border: rgba(220, 38, 38, 0.25);

  --color-border: rgba(26, 26, 46, 0.08);
  --color-border-accent: rgba(42, 157, 143, 0.15);

  /* ── Typography ── */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Spacing ── */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;
  --space-3xl: 7rem;

  /* ── Radius ── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 100px;

  /* ── Motion ── */
  --ease-smooth: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.4s;
  --duration-slow: 0.6s;

  /* ── Layout ── */
  --max-width: 1120px;
  --nav-height: 68px;
  --header-height: 56px;
}