/* Tokens de marca — CampusTotal (marca propia: sitio comercial y colegios
   sin identidad corporativa propia). No tocar app.css para reskinear: basta
   con crear un tokens-<colegio>.css nuevo con estos mismos nombres. */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Work+Sans:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap');

:root {
  --cream: oklch(97% 0.014 75);
  --cream-2: oklch(99% 0.008 75);
  --ink: oklch(24% 0.025 50);
  --ink-soft: oklch(48% 0.03 50);
  --terracotta: oklch(56% 0.15 38);
  --terracotta-dark: oklch(46% 0.14 38);
  --coral: oklch(72% 0.16 35);
  --clay-light: oklch(90% 0.04 45);
  --sage: oklch(65% 0.09 145);
  --error: oklch(52% 0.19 26);
  --error-soft: oklch(96% 0.03 26);

  --font-sans: 'Work Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-headings: 'Lora', Georgia, 'Times New Roman', serif;
  --font-logo: 'Sora', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  --color-bg: var(--cream);
  --color-surface: var(--cream-2);
  --color-surface-alt: var(--clay-light);
  --color-border: var(--clay-light);

  --color-text: var(--ink);
  --color-text-muted: var(--ink-soft);
  --color-text-faint: color-mix(in oklch, var(--ink-soft) 65%, transparent);

  --color-primary: var(--terracotta);
  --color-primary-hover: var(--terracotta-dark);
  --color-primary-soft: color-mix(in oklch, var(--terracotta) 12%, var(--cream));

  --color-error: var(--error);
  --color-error-soft: var(--error-soft);
  --color-success: var(--sage);
}