/*
  Tokens del sitio 10 Aniversario Agencia Córdoba Innovar + Emprender.
  Compartidos por postulaciones, votacion e inscripcion.
  Regla: colores planos, salvo el degradado del 10, que se usa con medida:
  solo en botones principales (.btn) y en pocas formas protagonistas (.shape--grad).
  Nada de blur, brillos ni sombras.
*/
:root {
  color-scheme: dark;

  /* Fondo azul noche y planos de profundidad */
  --c-night: #0a0a2b;
  --c-night-2: #13124a;   /* superficies: campos, opciones */
  --c-night-3: #1c1a6b;   /* planos diagonales de fondo */
  --c-line: #4d4a9a;      /* línea inferior de los campos en reposo */

  /* Acentos tomados de las portadas */
  --c-indigo: #2b1bd9;
  --c-violet: #7a12f2;
  --c-magenta: #db108a;   /* único acento interactivo: foco, selección, botón */
  --c-coral: #ff5a4e;
  --c-amber: #ff9a2e;
  --c-yellow: #ffc733;

  /*
    Degradado del 10 (tomado del PNG neón): de azul violeta abajo a la izquierda
    a amarillo arriba a la derecha. Sin el halo ni el brillo del original.
  */
  --grad-10-stops: #3a14e6 0%, #8a10f2 26%, #e0149c 52%, #ff5a4e 76%, #ffc233 100%;
  /* Tramo para botones: sin el amarillo, para que el texto blanco se lea */
  --grad-btn: linear-gradient(100deg, #7a12f2 0%, #c8119a 45%, #e8235f 75%, #ff5a4e 100%);

  /* Texto */
  --c-text: #ffffff;
  --c-text-2: #c4c1ec;
  --c-text-3: #8c89c2;
  --c-error: #ffc733;     /* errores: amarillo sobre azul noche, siempre con texto */

  /* Tipografía: solo Montserrat */
  --font: "Montserrat", system-ui, sans-serif;
  --w-light: 300;
  --w-regular: 400;
  --w-semi: 600;
  --w-bold: 700;
  --w-extra: 800;
  --w-black: 900;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-md: clamp(1.1875rem, 1rem + 0.9vw, 1.5rem);
  --fs-lg: clamp(1.5rem, 1.1rem + 1.8vw, 2.25rem);
  --fs-xl: clamp(2rem, 1.2rem + 4vw, 4.25rem);
  --fs-xxl: clamp(2.75rem, 1.4rem + 6.4vw, 6.5rem);

  --track-wide: 0.28em;   /* "ANIVERSARIO" espaciado de las portadas */

  /* Espaciado */
  --gutter: clamp(1.25rem, 0.6rem + 3.2vw, 4rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: clamp(3.5rem, 2.5rem + 5vw, 7.5rem);
  --max: 1320px;

  /*
    Radios. Regla documentada:
    todo lo interactivo (botones, campos, áreas de texto, opciones, pop-up) usa --r-ctrl,
    el mismo redondeado en todos lados, nunca esquinas rectas;
    formas decorativas = radios enormes, libres.
  */
  --r-pill: 999px;
  --r-ctrl: 1.75rem;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}