/* Tokens de diseño: editar aquí primero. Ningún otro archivo define colores o medidas sueltas. */
:root {
  /* Colores base */
  --color-fondo: #faf6f1;
  --color-superficie: #ffffff;
  --color-superficie-2: #f4ede5;
  --color-texto: #2e2528;
  --color-texto-suave: #6d5f64;
  --color-borde: #e3d8cf;
  --color-primario: #8a4f62;
  --color-primario-oscuro: #6f3d4e;
  --color-primario-claro: #f2e1e6;
  --color-sobre-primario: #ffffff;
  --color-exito: #3f7d58;
  --color-aviso: #b7791f;
  --color-error: #b3372f;
  --color-error-claro: #f9e3e1;
  --color-info: #3b6ea5;
  --color-overlay: rgba(46, 37, 40, 0.5);

  /* Colores por referente (quién invitó) */
  --ref-novia: #d96a8f;
  --ref-novio: #3f7cc0;
  --ref-novios: #8a4fbf;
  --ref-padres-novia: #e39a3b;
  --ref-padres-novio: #2f9d8f;
  --ref-ninos: #8fb12f;
  --ref-logistica: #8b8b8b;
  --ref-otro: #a08a7a;
  --ref-equipo: #4f5d75;

  /* Tipografía */
  --fuente-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fuente-titulo: Georgia, "Times New Roman", serif;
  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-md: 1rem;
  --texto-lg: 1.25rem;
  --texto-xl: 1.6rem;

  /* Espaciado */
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-5: 24px;
  --espacio-6: 32px;

  /* Formas y sombras */
  --radio-sm: 6px;
  --radio-md: 10px;
  --radio-lg: 16px;
  --sombra-sm: 0 1px 3px rgba(46, 37, 40, 0.12);
  --sombra-md: 0 4px 14px rgba(46, 37, 40, 0.14);
  --sombra-lg: 0 10px 34px rgba(46, 37, 40, 0.22);

  /* Medidas de la estructura */
  --alto-header: 56px;
  --alto-nav-inferior: 60px;
  --ancho-panel: 340px;
  --alto-control: 44px;

  /* Capas */
  --z-panel: 30;
  --z-header: 40;
  --z-modal: 100;
  --z-toast: 200;

  /* Lienzo del plano */
  --plano-fondo: #fdfbf8;
  --plano-linea: #eee5dc;
  --plano-grid: 20px;
  --mesa-fondo: #fffaf4;
  --mesa-borde: #b9a592;
  --silla-tamano: 26px;
  --color-capitan: #e0a800;

  /* Paleta para distinguir cada invitación dentro de una mesa */
  --grupo-0: #3f7cc0;
  --grupo-1: #d96a8f;
  --grupo-2: #2f9d8f;
  --grupo-3: #e39a3b;
  --grupo-4: #8a4fbf;
  --grupo-5: #7da12a;
  --grupo-6: #c0504d;
  --grupo-7: #5b6abf;
  --grupo-8: #a0522d;
  --grupo-9: #1f8aa8;
  --grupo-10: #b8860b;
  --grupo-11: #6c7a89;
  --elemento-fondo: #ece3d9;
  --elemento-borde: #b9a592;

  --transicion: 0.18s ease;
}

@media (min-width: 1024px) {
  :root {
    --ancho-panel: 380px;
    --alto-control: 38px;
  }
}

:root {
  /* Invitación pública del evento */
  --boda-crema: #faf4ee;
  --boda-tinta: #3a2a30;
  --boda-suave: #7d6a70;
  --boda-vino: #6e3a4c;
  --boda-rosa: #c98a9c;
  --boda-rosa-claro: #f3dfe3;
  --boda-oro: #b8975a;
  --boda-oro-claro: #e6c98b;
  --boda-linea: #ecdfd6;
  --boda-fuente-titulo: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --boda-fuente-texto: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}