/* =====================================================================
   TOKENS DE DISENO - editar aqui o desde el panel (Configuracion > Colores)
   Los colores de marca se pueden sobrescribir por configuracion global.
   ===================================================================== */
:root {
  /* --- Paleta de marca (valores por defecto; se sobrescriben por config) --- */
  --color-primary:   #1f5f3f;  /* verde institucional (TODO: hex oficial) */
  --color-secondary: #123a5e;  /* azul institucional (TODO: hex oficial) */
  --color-accent:    #c8642d;  /* tierra colorada / acento (TODO: hex oficial) */

  /* Derivados (se recalculan con color-mix a partir de los de marca) */
  --primary-dark:  color-mix(in srgb, var(--color-primary) 78%, #000);
  --primary-soft:  color-mix(in srgb, var(--color-primary) 12%, #fff);
  --accent-soft:   color-mix(in srgb, var(--color-accent) 14%, #fff);

  /* --- Neutros --- */
  --ink-900: #16201c;
  --ink-700: #33413b;
  --ink-500: #5c6b63;
  --ink-300: #9aa8a1;
  --paper:   #ffffff;
  --paper-2: #f6f4ee;   /* crema muy tenue, evoca papel institucional */
  --line:    #e4e0d6;

  /* --- Tipografia --- */
  --font-display: 'Archivo', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* --- Escala / ritmo --- */
  --step-fluid-h1: clamp(2.1rem, 1.4rem + 3vw, 3.6rem);
  --step-fluid-h2: clamp(1.5rem, 1.15rem + 1.6vw, 2.2rem);
  --radius: 4px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 2px rgba(22,32,28,.06), 0 2px 8px rgba(22,32,28,.05);
  --shadow-md: 0 6px 18px rgba(22,32,28,.10), 0 2px 6px rgba(22,32,28,.06);
  --shadow-lg: 0 18px 48px rgba(22,32,28,.16);
  --container: 1160px;
  --gap: clamp(1rem, 2vw, 2rem);
}