/*
 * Huisstijl European Lighting Projects (europeanlightingprojects.nl).
 * Alleen de regels die afwijken van variables-default.css; dit bestand wordt
 * ná dat bestand geladen. Kies het via COBS > Thema instellingen > Thema-variant.
 *
 * De site is zwart/antraciet met limoengroen (#BAD712) als knopkleur, maar daar
 * staat zwarte tekst op. COBS zet witte tekst op de accentkleur en gebruikt
 * die ook als linkkleur, dus hier is het accent een donker olijfgroen uit
 * dezelfde familie (wit erop haalt 4,8:1). Het heldere limoen zit in de
 * campagnekleur van de landingspagina.
 */
:root {
    /* 1. Huisstijl */
    --tsc-primary: #1C2121;         /* antraciet: koppen, actieve tabs, hover van knoppen, footer */
    --tsc-primary-dark: #0D0F0F;    /* hero-achtergrond: waas over foto's */
    --tsc-secondary: #5F6672;       /* grijs van de site: labels, broodkruimels, inactieve tabs, hover in de footer */
    --tsc-accent: #667A10;          /* donker olijf-limoen: knoppen, gekozen opties, links */
    --tsc-text: #1A1A1A;            /* inkt: lopende tekst */
    --tsc-text-dark: #1A1A1A;

    /* 2. Menubalk: het logo is licht, dus een donkere balk. */
    --tsc-header-background: var(--tsc-primary);
    --tsc-header-text: var(--tsc-white);
    --tsc-header-button: var(--tsc-accent);

    /* Campagnekleur: limoen op donker limoen. */
    --tsc-campaign: #BAD712;
    --tsc-campaign-darker: #2C3300;

    /* 3. Neutraal: de koele grijzen van de site. */
    --tsc-grey-dark: #5F6672;       /* gedempte tekst */
    --tsc-grey: #C9CED3;            /* randen van velden en kaarten */
    --tsc-grey-light: #E5E5E5;      /* lichte randen, scheidingslijnen */
    --tsc-grey-lighter: #F3F4F6;    /* achtergrond van panelen en tabellen */
}