:root {
  color-scheme: light;
  --color-fila-propia: #FDFAF7;
  --color-capacidad: #85602B;
  /* Colores de marca (decorativos) */
  --color-marca-crema: #F6F1EC;
  --color-marca-arena: #EAD9C8;
  --color-marca-durazno: #F0C3A7;
  --color-marca-decorativo: #E8927A;

  /* Superficies, texto, bordes */
  --color-superficie: #FFFFFF;
  --color-superficie-elevada: #F6F1EC;
  --color-borde: #E4DDD5;
  --color-borde-fuerte: #9E9285;
  --color-texto-primario: #2B2521;
  --color-texto-secundario: #6B6055;
  --color-texto-deshabilitado: #A99E92;
  --color-overlay: rgba(43, 37, 33, 0.18);

  /* Acento operativo */
  --color-acento: #B64120;
  --color-acento-hover: #9C371C;
  --color-acento-texto: #FFFFFF;

  /* Semánticos */
  --color-exito: #2F7A4F;
  --color-exito-fondo: #E7F3EC;
  --color-advertencia: #92600B;
  --color-advertencia-fondo: #FBF0DC;
  --color-peligro: #B23A2E;
  --color-peligro-fondo: #FBEAE7;
  --color-info: #2A5F8A;
  --color-info-fondo: #E8F1F7;

  /* Tipografía */
  --fuente-marca: Georgia, "Times New Roman", serif;
  --fuente-base: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --tipografia-micro: 400 11px/16px var(--fuente-base);
  --tipografia-pequena: 400 12px/16px var(--fuente-base);
  --tipografia-base: 400 14px/20px var(--fuente-base);
  --tipografia-media: 500 16px/24px var(--fuente-base);
  --tipografia-grande: 600 20px/28px var(--fuente-base);
  --tipografia-titulo: 600 32px/40px var(--fuente-base);
  --tipografia-titulo-compacto: 600 24px/32px var(--fuente-base);

  /* Espaciado */
  --espacio-4: 4px;
  --espacio-8: 8px;
  --espacio-12: 12px;
  --espacio-16: 16px;
  --espacio-24: 24px;
  --espacio-32: 32px;
  --espacio-48: 48px;

  /* Radios */
  --radio-control: 4px;
  --radio-tarjeta: 8px;
  --radio-pastilla: 999px;

  /* Sombras */
  --sombra-baja: 0 1px 2px rgba(43, 37, 33, 0.08);
  --sombra-media: 0 2px 8px rgba(43, 37, 33, 0.12);
  --sombra-alta: 0 8px 24px rgba(43, 37, 33, 0.18);

  /* Anchos de contenedor */
  --ancho-contenido: 1280px;
  --ancho-formulario: 640px;
  --ancho-modal: 480px;

  /* Primitivas compartidas renovadas */
  --grosor-borde: 1px;
  --grosor-foco: 2px;
  --desfase-foco: 2px;
  --alto-control-minimo: 44px;
  --tamano-icono: 20px;
  --tamano-icono-grande: 32px;
  --ancho-navegacion: 224px;
  --alto-esqueleto: 16px;
  --duracion-esqueleto: 1.4s;
  --peso-medio: 500;
  --peso-fuerte: 600;

  /* Estilo v2 aceptado: composición y marca */
  --alto-encabezado: 88px;
  --diametro-avatar: 40px;
  --ancho-logo: 176px;
  --ancho-logo-bienvenida: 256px;
  --alto-bienvenida: 680px;
  --ancho-acceso: 1040px;
  --grosor-icono: 1.65;
  --ancho-filtro: 192px;
  --ancho-tabla-bandeja: 840px;
  --tipografia-bienvenida: 400 48px/56px var(--fuente-marca);
}

/* Apariencia especial: solo marca y superficies; conserva los colores semánticos. */
:root[data-theme="special"] {
  color-scheme: light;
  --color-marca-crema: #FFF5F6;
  --color-marca-arena: #F3DCE8;
  --color-marca-durazno: #F5C8BB;
  --color-marca-decorativo: #E8927A;
  --color-superficie: #FFFCFD;
  --color-superficie-elevada: #FCEEF3;
  --color-borde: #E8D4E0;
  --color-borde-fuerte: #A6819E;
  --color-texto-primario: #392C40;
  --color-texto-secundario: #70576B;
  --color-texto-deshabilitado: #A48C9B;
  --color-overlay: rgba(57, 44, 64, 0.18);
  --color-acento: #824579;
  --color-acento-hover: #693661;
  --color-acento-texto: #FFFFFF;
  --color-fila-propia: #FFF5F8;
  --sombra-baja: 0 1px 2px rgba(100, 57, 89, 0.08);
  --sombra-media: 0 2px 8px rgba(100, 57, 89, 0.12);
  --sombra-alta: 0 8px 24px rgba(100, 57, 89, 0.18);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-marca-crema: #27221F;
  --color-marca-arena: #3D322B;
  --color-marca-durazno: #654331;
  --color-marca-decorativo: #E8927A;
  --color-superficie: #1F1B18;
  --color-superficie-elevada: #29231F;
  --color-borde: #494039;
  --color-borde-fuerte: #8D7E71;
  --color-texto-primario: #F2EAE2;
  --color-texto-secundario: #C3B5A8;
  --color-texto-deshabilitado: #9B8C7F;
  --color-overlay: rgba(0, 0, 0, 0.65);
  --color-acento: #F4A78A;
  --color-acento-hover: #FFC4AA;
  --color-acento-texto: #241B17;
  --color-exito: #8ED5A8;
  --color-exito-fondo: #20382A;
  --color-advertencia: #EEC777;
  --color-advertencia-fondo: #3C301C;
  --color-peligro: #FFAAA0;
  --color-peligro-fondo: #422723;
  --color-info: #9CCBEE;
  --color-info-fondo: #223342;
  --color-fila-propia: #2B2520;
  --color-capacidad: #D7B16F;
  --sombra-baja: 0 1px 2px rgba(0, 0, 0, 0.24);
  --sombra-media: 0 2px 8px rgba(0, 0, 0, 0.32);
  --sombra-alta: 0 8px 24px rgba(0, 0, 0, 0.4);
}