:root {
  /* Paleta canónica de Ayllu. */
  --violet: #9c8eea;
  --dark-blue: #1b0b3a;
  --dark-yellow: #f3bb37;
  --dark-orange: #fa6a38;
  --light-blue: #69a9e0;
  --color-background: #f8f5ff;

  /* Alias semánticos: los módulos consumen estos, no valores hexadecimales. */
  --color-primary: var(--violet);
  --color-text: var(--dark-blue);
  --color-accent: var(--dark-orange);
  --color-highlight: var(--dark-yellow);
  --color-info: var(--light-blue);
  --color-surface: #fff;
  --color-on-dark: #fff;
  --color-muted: color-mix(in srgb, var(--dark-blue) 62%, var(--color-background));
  --color-border: color-mix(in srgb, var(--violet) 30%, var(--color-surface));
  --color-border-strong: color-mix(in srgb, var(--violet) 52%, var(--color-surface));
  --color-primary-soft: color-mix(in srgb, var(--violet) 12%, var(--color-surface));
  --color-accent-soft: color-mix(in srgb, var(--dark-orange) 12%, var(--color-surface));
  --color-highlight-soft: color-mix(in srgb, var(--dark-yellow) 18%, var(--color-surface));
  --color-info-soft: color-mix(in srgb, var(--light-blue) 15%, var(--color-surface));

  --font-body: "Rethink Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Fraunces, Georgia, "Times New Roman", serif;
  --space-page-x: clamp(20px, 5vw, 80px);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-soft: 0 18px 45px rgb(27 11 58 / 8%);
}