:root {
  /* Color de marca heredado de Comeletras */
  --color-accent: #7C3AED;
  --color-accent-hover: #6D28D9;
  --color-accent-soft: #F1EAFD;

  /* Modo claro (por defecto) */
  --color-bg: #FAFAFA;
  --color-bg-elevated: #FFFFFF;
  --color-text: #1E2233;
  --color-text-secondary: #5B6178;
  --color-border: #E5E5EA;
  --shadow-card: 0 2px 12px rgba(30, 34, 51, 0.06);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;

  --max-width: 1080px;
  --transition-fast: 160ms ease;
}

[data-theme="dark"] {
  --color-bg: #121212;
  --color-bg-elevated: #1C1C1E;
  --color-text: #F5F5F7;
  --color-text-secondary: #A1A1AA;
  --color-border: #2A2A2E;
  --color-accent-soft: #2A2140;
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.45);
}