:root {
  --accent: #6C2C91;
  --accent-hover: #7D3BA6;
  --accent-soft: rgba(108, 44, 145, 0.12);

  --success: #7BC143;
  --success-soft: rgba(123, 193, 67, 0.12);
  --info: #00A8E8;
  --info-soft: rgba(0, 168, 232, 0.12);
  --danger: #e74c3c;
  --danger-soft: rgba(231, 76, 60, 0.12);
  --warning: #f1c40f;
  --warning-soft: rgba(241, 196, 15, 0.12);

  --bg: #ffffff;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --border: #e2e5ea;
  --text: #1a1e24;
  --text-dim: #6b7280;
  --text-muted: #9ca3af;
  --text-soft: #6b7280;

  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --flash-error-bg: #fef2f2;
  --flash-error-text: #991b1b;
  --flash-error-border: #fecaca;
  --flash-warning-bg: #fffbeb;
  --flash-warning-text: #92400e;
  --flash-warning-border: #fde68a;
  --flash-success-bg: #f0fdf4;
  --flash-success-text: #166534;
  --flash-success-border: #bbf7d0;
  --flash-info-bg: #eff6ff;
  --flash-info-text: #0369a1;
  --flash-info-border: #bae6fd;

  --success-dark: #16a34a;
  --success-text: #15803d;
  --danger-dark: #dc2626;
  --danger-text: #b91c1c;
  --info-dark: #0284c7;
  --warning-dark: #d97706;
  --warning-text: #a16207;
  --warning-subtle: rgba(251, 191, 36, 0.06);

  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --sombra-media: 0 4px 16px rgba(0, 0, 0, 0.1);
  --overlay-bg: rgba(15, 23, 42, 0.45);

  --sidebar-w: 248px;
  --topbar-h: 60px;
}

[data-theme="dark"] {
  --bg: #0d0f12;
  --bg-elev: #14171c;
  --surface: #1a1e24;
  --border: #262b33;
  --text: #e8eaed;
  --text-dim: #9aa0a8;
  --text-muted: #6b7280;
  --text-soft: #9aa0a8;

  --flash-error-bg: #450a0a;
  --flash-error-text: #fca5a5;
  --flash-error-border: #7f1d1d;
  --flash-warning-bg: #451a03;
  --flash-warning-text: #fcd34d;
  --flash-warning-border: #78350f;
  --flash-success-bg: #052e16;
  --flash-success-text: #86efac;
  --flash-success-border: #166534;
  --flash-info-bg: #0c2744;
  --flash-info-text: var(--info);
  --flash-info-border: #075985;

  --success-dark: #22c55e;
  --success-text: #86efac;
  --danger-dark: #f87171;
  --danger-text: #fca5a5;
  --info-dark: #38bdf8;
  --warning-dark: #fbbf24;
  --warning-text: #fcd34d;
  --warning-subtle: rgba(251, 191, 36, 0.04);

  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
  --sombra-media: 0 4px 16px rgba(0, 0, 0, 0.25);
  --overlay-bg: rgba(15, 23, 42, 0.55);
}