/* Branding generado dinámicamente — Oleada */
:root {
    --theme-color: 30, 58, 95;
    --theme-color-rgb: 30, 58, 95;
    --theme-color-hex: #1e3a5f;
    --light-theme-color: 233, 235, 239;
    --accent-color: 30, 58, 95;
    --accent-color-rgb: 30, 58, 95;
    --accent-color-hex: #1e3a5f;
    --bg-overlay: rgba(30, 58, 95, 0.85);
    --border-light: rgba(30, 58, 95, 0.08);

    /* Shades derivados del primario — acentos de marca */
    --brand-bright-hex: #6d7f97;
    --brand-bright: 109, 127, 151;
    --brand-lighter-hex: #a5b0bf;
    --brand-dark-hex: #122339;

    /* Acento semántico: primario en light, shade claro en dark */
    --brand-accent-hex: #1e3a5f;
}

body.dark {
    --brand-accent-hex: #6d7f97;
}