:root {
  /* ── Colores de marca ──────────────────── */
  --brand-green:       #1D9E75;
  --brand-green-dark:  #0F6E56;
  --brand-green-light: #E1F5EE;

  /* ── Superficies (dark mode por defecto) ───────────── */
  --surface-bg:        #111110;
  --surface-card:      #1A1A19;
  --surface-elevated:  #242423;
  --surface-border:    #333331;
  --surface-hover:     #2E2E2C;

  /* ── Tipografía ────────────────────────── */
  --text-primary:   #F5F4F0;
  --text-secondary: #888780;
  --text-tertiary:  #555452;
  --text-green:     #1D9E75;

  /* ── Fuentes ───────────────────────────── */
  --font-display: 'Sora', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Escala tipográfica ────────────────── */
  --text-xs:   11px;  --leading-xs: 1.4;
  --text-sm:   13px;  --leading-sm: 1.5;
  --text-md:   15px;  --leading-md: 1.6;
  --text-lg:   20px;  --leading-lg: 1.3;
  --text-xl:   28px;  --leading-xl: 1.2;
  --text-2xl:  40px;  --leading-2xl: 1.15;

  /* ── Espaciado ─────────────────────────── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --space-8: 48px; --space-10: 64px; --space-12: 80px;

  /* ── Radios ────────────────────────────── */
  --radius-sm: 8px;  --radius-md: 12px;
  --radius-lg: 20px; --radius-full: 9999px;

  /* ── Urgencia / soporte ────────────────── */
  --coral:       #D85A30;  --coral-light: #FAECE7;
  --amber:       #BA7517;  --amber-light: #FAEEDA;
  --blue:        #378ADD;  --blue-light:  #E6F1FB;
  --purple:      #7C6FD4;  --purple-light: #EEEDFE;

  /* ── Transiciones ──────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 350ms;
}

/* ── Modo claro ───────────────────────────── */
body.light-mode {
  --surface-bg:        #FFFFFF;
  --surface-card:      #F8F9FA;
  --surface-elevated:  #FFFFFF;
  --surface-border:    #E5E7EB;
  --surface-hover:     #F3F4F6;
  --text-primary:      #1F2937;
  --text-secondary:    #6B7280;
  --text-tertiary:     #9CA3AF;
}