/* Campus ILC · tokens del sistema de diseño
   Una sola fuente de verdad: color, tipo, espacio, radios, sombras y movimiento. */
:root {
  /* Marca */
  --burgundy: #5D0D00;
  --burgundy-800: #3E0900;
  --burgundy-700: #4C0B00;
  --burgundy-600: #74190A;
  --burgundy-500: #8E2A18;
  --burgundy-200: #E2C7BF;
  --burgundy-100: #F0E1DC;
  --burgundy-50: #F8F0EC;
  --gold: #A9844F;
  --gold-soft: #D9C4A0;

  /* Superficies cálidas */
  --canvas: #FBF8F3;
  --surface: #FFFFFF;
  --stone: #F3EDE4;
  --sand: #E8DFD2;
  --line: #E9E0D4;
  --line-strong: #D8CCBC;

  /* Tinta (nunca negro puro) */
  --ink: #241A16;
  --ink-soft: #66574F;
  --ink-mute: #8E8077;
  --on-dark: #FBF4EE;
  --on-dark-soft: #E2D2C8;

  /* Estados */
  --ok: #2E6A4E;      --ok-bg: #E5EFE8;
  --warn: #9A6A1E;    --warn-bg: #F6EDDB;
  --info: #2C4A6E;    --info-bg: #E4EAF1;
  --muted: #776C65;   --muted-bg: #EFEAE4;
  --danger: #A3311C;  --danger-bg: #F7E3DE;

  /* Accesos rápidos (de los mockups aprobados) */
  --tile-burgundy: #5D0D00;
  --tile-ochre: #94653A;
  --tile-green: #2F5644;
  --tile-navy: #1F3858;
  --tile-plum: #553447;
  --tile-stone: #6E6259;

  /* Categorías de calendario */
  --cat-academico: #5D0D00;
  --cat-clases: #2C4A6E;
  --cat-pastoral: #A27A3C;
  --cat-evaluaciones: #B4502C;
  --cat-mentoria: #2E6A4E;
  --cat-eventos: #5B3A5E;

  /* Tipografía */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-text: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script: "Pinyon Script", "Snell Roundhand", cursive;

  --t-xs: 0.78rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-md: 1.125rem;
  --t-lg: 1.375rem;
  --t-xl: clamp(1.6rem, 1.2rem + 1.2vw, 2.1rem);
  --t-2xl: clamp(2rem, 1.4rem + 2vw, 2.9rem);
  --t-3xl: clamp(2.5rem, 1.6rem + 3.2vw, 4.2rem);
  --t-4xl: clamp(2.9rem, 1.6rem + 4.6vw, 5.6rem);

  --track-tight: -0.015em;
  --track-caps: 0.22em;

  /* Espacio (base 4px) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 56px; --s-10: 72px; --s-11: 96px;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1320px;
  --header-h: 84px;

  /* Radios: una sola escala, suave */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* Sombras teñidas al canvas, con desplazamiento */
  --e1: 0 1px 2px rgba(60, 30, 20, .05), 0 2px 8px rgba(60, 30, 20, .04);
  --e2: 0 2px 4px rgba(60, 30, 20, .05), 0 10px 28px rgba(60, 30, 20, .08);
  --e3: 0 8px 16px rgba(40, 15, 8, .10), 0 24px 60px rgba(40, 15, 8, .16);
  --edge: inset 0 1px 0 rgba(255, 255, 255, .6);

  /* Movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --d-fast: 140ms;
  --d-ui: 220ms;
}