/* ===========================================================================
   MERKWAARDEN — het enige bestand dat per merksite verschilt
   ---------------------------------------------------------------------------
   Dit is de configuratielaag. Alle andere bestanden in dit thema zijn
   byte-identiek tussen Landsmeer en elke volgende merksite; het merk zit hier.
   Een nieuwe merksite = deze map kopieren en HIER de waarden wijzigen.

   ROLNAMEN, GEEN KLEURNAMEN: --brand-primary, niet --lm-oranje. Op een blauw
   merk zou dat laatste een bestand opleveren dat liegt. Dit is bovendien de
   woordenschat die Distriqo zelf al spreekt.

   HERKOMST kleuren — geteld uit de stylesheet van de oude live site:
     #16853f 54x   #ffffff 68x   #1d1b3b 32x   #e84f17 14x   #585858 12x
   De vorm (ondergrond, kaarten, afronding, schaduw) komt uit het ontwerp dat
   de eigenaar op 24-08-2026 heeft goedgekeurd ("dit is hem").
   =========================================================================== */

:root {
  /* --- kleur --------------------------------------------------------------- */
  --brand-primary:      #E84F17;  /* oranje — identiteit, merk, WE BUY        */
  --brand-primary-soft: #FDF1EC;  /* oranje op 8% — chips, actieve rij-achtergrond */
  --brand-navy:         #1D1B3B;  /* dragend donker — balken, panelen, koppen */
  --brand-navy-light:   #23204A;  /* gradientpartner van navy                 */
  --brand-accent:       #16853F;  /* groen — kopen, toevoegen, bevestigen     */
  --brand-accent-soft:  #EDF7F1;  /* groen op 8% — voorraadpill               */

  --brand-bg:           #F6F7F9;  /* de pagina-ondergrond: lichtgrijs, NIET wit */
  --brand-card:         #FFFFFF;  /* kaarten liggen wit op die ondergrond     */
  --brand-card-border:  #ECEDF1;
  --brand-text:         #1D1B3B;  /* lopende tekst = navy, geen zwart         */
  --brand-text-soft:    #585868;
  --brand-text-faint:   #8A8A96;
  --brand-line:         #F0F0F4;

  /* --- afgeleiden ---------------------------------------------------------- */
  /* Handmatig donkerder, niet via doorzichtigheid: een hover-kleur die uit
     opacity ontstaat verandert mee met wat eronder ligt.                      */
  --brand-primary-dark: #C13F0F;
  --brand-accent-dark:  #116A32;

  /* --- vorm ---------------------------------------------------------------- */
  --brand-radius-s:     10px;     /* knoppen, invoervelden                    */
  --brand-radius-m:     14px;     /* kaarten                                  */
  --brand-radius-l:     22px;     /* hero- en sfeerblokken                    */
  --brand-shadow-card:  0 1px 2px rgba(29,27,59,.05), 0 10px 30px rgba(29,27,59,.04);
  --brand-shadow-buy:   0 6px 16px rgba(22,133,63,.25);

  /* --- letters ------------------------------------------------------------- */
  /* Archivo voor koppen (verwant aan de logo-letters), IBM Plex Sans voor de
     rest. De FONTBESTANDEN laadt Porto zelf op basis van de thema-opties die
     landsmeer-merk.php zet; hier staan alleen de stapels.                     */
  --brand-font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --brand-font-body:    'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
}