/*
 * Tokens de marca Tablazo (fuente: docs/marca.md). Único lugar con colores y
 * tipografías: el resto del CSS usa solo estas variables.
 *
 * Excepciones: Café Cordillera (#3a1e0d) se repite donde no se aceptan
 * variables CSS: <meta name="theme-color"> en src/Views/layout.php y
 * public/offline.html, theme_color y background_color en public/manifest.json
 * y el fondo de los íconos en scripts/generar_iconos.ps1. Si cambia
 * --color-cafe-cordillera, cámbialo allí también (y regenera los íconos).
 */
:root {
    /* Paleta institucional */
    --color-cafe-cordillera: #3a1e0d;
    --color-ocre: #86521d;
    --color-crema-artesanal: #f4e8d0;
    --color-blanco-origen: #ffffff;

    /* Golden Ale (#c88508 y #e7c56a nunca como texto sobre blanco o crema) */
    --color-golden-principal: #c88508;
    --color-golden-claro: #e7c56a;
    --color-golden-oscuro: #4f2d08;

    /* Red Ale */
    --color-red-vino-seco: #800f1a;
    --color-red-rojo-carmin: #990016;
    --color-red-ciruela-profunda: #3a0b10;

    /* Usos */
    --color-text: var(--color-cafe-cordillera);
    --color-text-muted: rgba(58, 30, 13, 0.75);
    --color-text-inverse: var(--color-blanco-origen);
    --color-text-inverse-muted: rgba(255, 255, 255, 0.75);
    --color-bg-dark: var(--color-cafe-cordillera);
    --color-surface: var(--color-crema-artesanal);
    --color-surface-raised: var(--color-blanco-origen);
    --color-primary: var(--color-ocre);
    --color-primary-text: var(--color-blanco-origen);
    --color-border: rgba(58, 30, 13, 0.25);
    --color-focus: var(--color-golden-principal);
    --color-error: var(--color-red-rojo-carmin);
    --color-accent-line: var(--color-golden-principal);
    /* Montaña de fondo (excepción autorizada por el dueño el 2026-10-14: solo el ícono, sin texto, muy tenue). */
    --watermark-opacity: 0.07;
    --shadow-card: 0 6px 16px rgba(58, 30, 13, 0.12);

    /* Tipografía (Google Fonts con alternativa del sistema) */
    --font-ui: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-text: 'Lora', Georgia, 'Times New Roman', serif;
    --font-accent: 'Playball', 'Brush Script MT', cursive;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* Medidas */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --radius: 0.75rem;
    --font-size-base: 1rem;
    --font-size-small: 0.875rem;
    --font-size-title: 1.75rem;
}