/* ============================================================
   House of Papaver — Snipcart in de huisstijl.
   Snipcart v3 leest CSS-variabelen op #snipcart. Bewust ALLEEN variabelen en
   een paar zeer stabiele selectoren: de checkout neemt live bestellingen aan,
   dus een Snipcart-update mag deze laag nooit kunnen breken. Een variabele die
   Snipcart niet (meer) kent doet simpelweg niets.

   Moet ná cdn.snipcart.com/.../snipcart.css laden. assets/snipcart-loader.js
   zet die met head.prepend() vooraan, dus dit bestand wint altijd.
   ============================================================ */
#snipcart {
  --font-default: 'Karla', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* grond en tekst — hetzelfde crème en donkerbruin als de winkel */
  --bgColor-default: #FBF8F1;
  --bgColor-alt:     #F2ECDE;
  --bgColor-modal:   #F7F3EA;
  --color-default:   #241C12;
  --color-alt:       #5B5240;
  --color-icon:      #241C12;

  /* lijnen */
  --borderColor-default: #E4DAC7;
  --borderColor-alt:     #D5C9AF;

  /* links en accenten — het terracotta van de site */
  --color-link:        #B5402E;
  --color-link-hover:  #9A3626;
  --color-link-active: #9A3626;
  --color-alert:       #B5402E;
  --color-error:       #9A3626;

  /* hoofdknop: donkerbruin met crème letter, precies als .btn op de site */
  --bgColor-buttonPrimary:      #241C12;
  --color-buttonPrimary:        #F7F3EA;
  --borderColor-buttonPrimary:  #241C12;
  --bgColor-buttonPrimary-hover:#B5402E;
  --color-buttonPrimary-hover:  #F7F3EA;

  /* tweede knop: omlijnd, transparant */
  --bgColor-buttonSecondary:     transparent;
  --color-buttonSecondary:       #241C12;
  --borderColor-buttonSecondary: #D5C9AF;

  /* invoervelden */
  --bgColor-inputPrimary:     #F7F3EA;
  --color-inputPrimary:       #241C12;
  --borderColor-inputPrimary: #D5C9AF;
  --bgColor-input:            #F7F3EA;
  --color-input:              #241C12;
  --borderColor-input:        #D5C9AF;

  --color-badge:   #F7F3EA;
  --bgColor-badge: #B5402E;
}

/* Titels in dezelfde serif als de rest van de site — zonder dit blijft de checkout
   een generieke Snipcart-pagina, ook als de kleuren kloppen. */
#snipcart .snipcart-modal__container h1,
#snipcart .snipcart__box--title,
#snipcart .snipcart-cart-header__title,
#snipcart .snipcart-cart-summary__title {
  font-family: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  letter-spacing: -.01em;
}