/* Alterfocus — tokens de marca (única fuente de verdad para colores, tipografías y superficies)
   Cambiá un valor acá y se actualiza en todas las páginas y templates a la vez.
   No repitas estos valores "a mano" en ningún archivo nuevo — referencialos con var(). */

:root {
  /* Tríada de Identidad */
  --af-bg:     #F8F7F5;   /* Blanco Galería / crema cálido */
  --af-paper:  var(--af-bg);
  --af-ink:    #050505;   /* Único negro del sistema (reemplaza #161616 y #111) */
  --af-accent: #FF0A50;   /* Fucsia Alterfocus original */

  /* Escala Neutra Cálida (sólidos) */
  --af-n-100: #EFEDE9;    /* superficie clara sutil */
  --af-n-200: #DAD8D3;    /* líneas y bordes sobre fondo claro */
  --af-n-300: #B9B6AF;    /* texto secundario sobre fondo oscuro */
  --af-n-400: #8A8985;    /* metadatos / copyright sobre fondo oscuro */
  --af-n-500: #6E6D6A;    /* metadatos sobre fondo claro */
  --af-n-700: #3A3A39;    /* texto secundario sobre fondo claro */
  --af-n-800: #2A2A29;    /* líneas y bordes sobre fondo oscuro */

  /* Tokens Semánticos */
  --af-header-bg:      rgba(248, 247, 245, 0.86);
  --af-header-border:  rgba(5, 5, 5, 0.08);
  --af-overlay:        rgba(5, 5, 5, 0.94);
  --af-surface-subtle: rgba(5, 5, 5, 0.05);
  --af-line:           var(--af-n-200);
  --af-line-strong:    rgba(5, 5, 5, 0.25);
  --af-line-dark:      var(--af-n-800);
  --af-footer-text:    var(--af-n-300);
  --af-footer-meta:    var(--af-n-400);

  /* Tipografías */
  --af-font-sans:  'Montserrat', sans-serif;
  --af-font-serif: 'Lora', serif;

  /* Curva de animación única del sitio */
  --ease-fluid: cubic-bezier(0.16, 1, 0.3, 1);

  /* Espaciado fluido (mobile & desktop) */
  --space-xs: clamp(16px, 2.5vw, 28px);
  --space-sm: clamp(20px, 5vw, 64px);
  --space-md: clamp(28px, 4vw, 48px);
  --space-lg: clamp(60px, 8vw, 100px);

  /* Radios */
  --radius-sm:   4px;
  --radius-pill: 999px;
}