:root {
  --color-primary: #6c63ff;
  --color-primary-dark: #554fd1;
  --color-primary-text: #ffffff;
  --color-primary-rgb: 108, 99, 255;
  --color-secondary: #f0efff;
  --color-background: #fafaff;
  --color-surface: #ffffff;
  --color-surface-soft: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
  --color-surface-strong: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
  --color-sidebar: #25263a;
  --color-text: #242536;
  --color-text-rgb: 36, 37, 54;
  --color-text-soft: #717386;
  --color-border: #e8e8f1;
  --color-success: #2f9e65;
  --color-whatsapp: #25d366;

  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-sm: 0.6rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --shadow-sm: 0 8px 24px rgba(31, 35, 48, 0.08);
  --shadow-md: 0 18px 44px rgba(31, 35, 48, 0.12);

  --container-width: 1240px;
  --transition-fast: 180ms ease;
  --transition-normal: 260ms ease;
}

/* Acentos de mayor contraste derivados automáticamente del tema activo */
:root {
  --color-primary-deep: color-mix(in srgb, var(--color-primary-dark) 82%, #10131c);
  --color-primary-rich: color-mix(in srgb, var(--color-primary) 88%, var(--color-primary-dark));
  --color-primary-wash: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
  --color-primary-band: color-mix(in srgb, var(--color-primary) 24%, var(--color-surface));
}