/* Contening — design tokens compartidos por todas las páginas.
   Fuente: brand.json / CONTENING-BRAND.md. No dupliques estos valores dentro de un <style> de página —
   añade aquí cualquier token nuevo que deba aplicarse en más de una página. */
:root{
  --primary:#6938EF;
  --primary-hover:#5C31D2;
  --primary-dark:#4B28AC;
  --secondary:#899CFF;
  --bg:#FFFFFF;
  --surface:#FAF9FF;
  --muted-bg:#F3F1FC;
  --fg:#1B1B26;
  --fg-muted:#5C5A6E;
  --border:#E7E4F7;
  --gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  --font-display:'Manrope', 'Segoe UI', sans-serif;
  --font-body:'Inter', 'Segoe UI', sans-serif;
  --shadow-md: 0 12px 32px -12px rgba(76,63,199,0.28);
  --radius-md: 16px;
}