:root {
  --font-body: "Nunito", "Segoe UI", sans-serif;
  --font-heading: "Bree Serif", "Georgia", serif;

  /* Tema oscuro por defecto */
  --color-bg: #120f1e;
  --color-surface: #1a1628;
  --color-surface-alt: #231d35;
  --color-border: #3a3152;
  --color-text: #f4efff;
  --color-text-soft: #c5badf;

  --color-primary: #ff7b95;
  --color-primary-strong: #ff5e80;
  --color-secondary: #5fb8b0;
  --color-secondary-strong: #76d1c8;

  --color-success-bg: #173528;
  --color-success-text: #8ef1bb;
  --color-danger-bg: #40212d;
  --color-danger-text: #ff9ab3;
  --color-chip-bg: #2d2344;
  --color-field-bg: #130f20;
  --color-elevated: #201a30;
  --color-focus: #7ad4cc;

  --bg-glow-a: rgba(255, 123, 149, 0.18);
  --bg-glow-b: rgba(95, 184, 176, 0.16);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-s: 0.75rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;

  --shadow-soft: 0 8px 22px rgba(62, 28, 90, 0.1);
  --shadow-lift: 0 14px 36px rgba(62, 28, 90, 0.16);

  --duration-fast: 120ms;
  --duration-normal: 180ms;
  --easing-out: cubic-bezier(0.2, 0.8, 0.2, 1);

  --content-max: 1120px;

  --z-header: 100;
  --z-drawer: 200;
  --z-toast: 300;
}

html[data-theme="light"] {
  --color-bg: #f8f6ff;
  --color-surface: #fffdfb;
  --color-surface-alt: #fff3f8;
  --color-border: #dfd5ee;
  --color-text: #2b2338;
  --color-text-soft: #635979;

  --color-primary: #ff7b95;
  --color-primary-strong: #f05d7c;
  --color-secondary: #5fb8b0;
  --color-secondary-strong: #419e97;

  --color-success-bg: #e8fbef;
  --color-success-text: #16673a;
  --color-danger-bg: #ffe8ec;
  --color-danger-text: #8c213f;
  --color-chip-bg: #f6ebff;
  --color-field-bg: #ffffff;
  --color-elevated: #ffffff;
  --color-focus: #5fb8b0;

  --bg-glow-a: rgba(255, 234, 241, 0.9);
  --bg-glow-b: rgba(233, 248, 255, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms;
    --duration-normal: 1ms;
  }
}