:root {
    --color-bg: #fffef9;
    --color-text: #2c2c2c;
    --color-primary: #1e88a8;
    --color-accent: #f4a623;
    --color-card: #fff9ed;

    /* Gradients or secondary accents */
    --color-gradient-from: #1e88a8;
    --color-gradient-to: #f4a623;

    /* Specific decorative colors */
    --color-border-light: rgba(30, 136, 168, 0.2);

    /* Illustrations / Icons */
    --icon-moment: "🌻";
    --icon-coeur: "🌊";
    --icon-paraitre: "🍦";
    --icon-video: "🎬";
    --top-bar-text: "☀️ Ouvert du mardi au samedi de 9h30 à 12h30 et de 13h30 à 19h ☀️";
}

/* CSS classes to inject content */
.icon-moment::before,
.icon-moment::after {
    content: var(--icon-moment);
    display: inline-block;
    margin: 0 0.5rem;
}

.icon-coeur::before,
.icon-coeur::after {
    content: var(--icon-coeur);
    display: inline-block;
    margin: 0 0.5rem;
}

.icon-paraitre::before,
.icon-paraitre::after {
    content: var(--icon-paraitre);
    display: inline-block;
    margin: 0 0.5rem;
}

.icon-video::before,
.icon-video::after {
    content: var(--icon-video);
    display: inline-block;
    margin: 0 0.5rem;
}

.top-bar-content::before {
    content: var(--top-bar-text);
}