/* A la de 2 — palette: festive teal & sunny yellow for events/animation */
:root {
    --color-primary: #0F4C5C;
    --color-primary-mid: #147A96;
    --color-primary-dark: #082E38;
    --color-accent: #FFC93C;
    --color-accent-light: #FFEAB0;
    --color-bg: #FFF;
    --color-surface: #FFF;
    /* Contact form submit button, independent from title/text colors. */
    --contact-btn-fondo: #FFC93C;
    --contact-btn-texto: #0F4C5C;
    --contact-btn-fondo-hover: #FFF;
    --contact-btn-texto-hover: #0F4C5C;
    --contact-social-icono: #FFC93C;
    --contact-social-icono-hover: #0F4C5C;
    /* Contact info card ("fitxa") shown by the phone icon. */
    --contact-modal-fondo: #0F4C5C;
    --contact-modal-titulo: #FFF;
    --contact-modal-etiqueta: #FFF;
    --contact-modal-texto: #FFC93C;
    --contact-modal-item-fondo: #176377;
}