/*
  Tokens de diseño — paleta inspirada en centrocomercialhollywood.com. El rojo y
  naranja/ámbar salen del logo real del sitio (extracción de color por píxel);
  se reemplazan por los valores exactos del brandbook cuando lleguen los logos
  oficiales — el resto del CSS no debería tocarse.
*/
:root {
    /* Fuerza controles nativos (selects, date pickers, checkboxes, scrollbar)
       a renderizarse en claro, sin importar el modo oscuro del sistema. */
    color-scheme: light;

    /* Color base */
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-surface-alt: #f7f7f8;
    --color-border: #e3e3e6;
    --color-text: #1a1a1a;
    --color-text-muted: #6b6b70;
    --color-text-inverse: #ffffff;

    /* Marca / acento — rojo y naranja reales del logo de Hollywood */
    --color-primary: #e8202f;
    --color-primary-hover: #c21827;
    --color-accent: #c87800;
    --color-accent-hover: #a66200;

    /* Estados */
    --color-success: #1e7e34;
    --color-success-bg: #e6f4ea;
    --color-warning: #a15c00;
    --color-warning-bg: #fdf1e0;
    --color-danger: #b3261e;
    --color-danger-bg: #fbe9e7;
    --color-info: #1a5b8f;
    --color-info-bg: #e6f1fa;

    /* Tipografía */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.375rem;
    --fs-2xl: 1.75rem;
    --fs-3xl: 2.25rem;

    /* Espaciado */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Forma */
    --radius-sm: 3px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);

    --container-max: 1100px;
}

/*
  A propósito NO hay un @media (prefers-color-scheme: dark) aquí. El sitio de
  referencia (centrocomercialhollywood.com) es siempre claro/blanco — nunca
  cambia a oscuro según el sistema — así que esta app tampoco debe hacerlo:
  la identidad de marca (fondo blanco, texto oscuro, acentos rojo/naranja)
  se mantiene fija sin importar la configuración de modo oscuro del visitante.
*/