/*
  Tokens de diseño — Gastronybar (rediseño index)
  Paleta de marca (colors.txt): coral, magenta, púrpura, violeta, naranja.
  El gradiente recorre las 5 tonalidades en orden y se usa con moderación
  (acentos, CTAs, badges) sobre una base neutra clara.

  Prefijo --gnb-*: el CSS legado (Index/index.css) ya define --brand-purple
  y --brand-orange con otros valores; se usa un namespace propio para no
  pisarlos y no romper el formulario/footer/modales que siguen en legado.
*/
:root {
  /* Marca */
  --gnb-violet: #6907F2;
  --gnb-purple: #8C15BF;
  --gnb-magenta: #BF2C8C;
  --gnb-coral: #D9414E;
  --gnb-orange: #F24405;

  --gnb-gradient: linear-gradient(135deg,
    var(--gnb-violet) 0%,
    var(--gnb-purple) 28%,
    var(--gnb-magenta) 55%,
    var(--gnb-coral) 78%,
    var(--gnb-orange) 100%);

  --gnb-gradient-soft: linear-gradient(135deg,
    rgba(105, 7, 242, 0.08),
    rgba(191, 44, 140, 0.08),
    rgba(242, 68, 5, 0.08));

  /* Neutros (con leve tinte cálido/violeta para no verse fríos) */
  --gnb-ink-900: #16121f;
  --gnb-ink-700: #3d3650;
  --gnb-ink-500: #6b6480;
  --gnb-ink-300: #a49dba;
  --gnb-surface-0: #ffffff;
  --gnb-surface-50: #faf9fd;
  --gnb-surface-100: #f2effa;
  --gnb-border-subtle: #e9e5f4;

  /* Tipografía */
  --gnb-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Escala / geometría */
  --gnb-radius-sm: 10px;
  --gnb-radius-md: 16px;
  --gnb-radius-lg: 24px;
  --gnb-radius-pill: 999px;
  --gnb-container-max: 1180px;

  /* Sombras */
  --gnb-shadow-sm: 0 1px 2px rgba(22, 18, 31, 0.05);
  --gnb-shadow-md: 0 8px 24px -8px rgba(22, 18, 31, 0.14);
  --gnb-shadow-lg: 0 24px 48px -16px rgba(22, 18, 31, 0.22);

  /* Movimiento */
  --gnb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}