/* GOODSTUFFF centraal website-kleurensysteem
   Beheer: admin/instellingen.php
   Deze CSS wordt op website, klantenportaal en admin geladen.
*/
:root{
  --theme-primary:#78864A;
  --theme-primary-dark:#5F6B3A;
  --theme-primary-soft:#1F2718;
  --theme-background:#070806;
  --theme-background-soft:#0B0D09;
  --theme-card:#11130F;
  --theme-text:#5F6B3A;
  --theme-muted:#C7CFB2;
  --theme-line:#78864A;
  --theme-accent:#78864A;
  --theme-footer:#050605;
  --theme-button-text:#FFFFFF;
  --theme-icon:#FFFFFF;
  --theme-header:#050605;
  --theme-menu:#050605;
  --theme-success:#2F7D4A;
  --theme-warning:#C9B37E;
  --theme-danger:#B42318;

  /* Compatibiliteit met bestaande GOODSTUFFF CSS */
  --bg:var(--theme-background);
  --bg-soft:var(--theme-background-soft);
  --card:var(--theme-card);
  --card-2:color-mix(in srgb, var(--theme-card) 86%, #000 14%);
  --text:var(--theme-text);
  --muted:var(--theme-muted);
  --line:color-mix(in srgb, var(--theme-line) 38%, transparent);
  --blue:var(--theme-primary);
  --blue-dark:var(--theme-primary-dark);
  --blue-soft:var(--theme-primary-soft);
  --green:var(--theme-primary);
  --green-soft:color-mix(in srgb, var(--theme-primary) 72%, #fff 28%);
  --accent:var(--theme-accent);
  --admin-accent:var(--theme-accent);
  --footer-bg:var(--theme-footer);

  /* Variabelen voor /paginas/dark-green-template.css */
  --gs-bg:var(--theme-background);
  --gs-bg-2:var(--theme-background-soft);
  --gs-panel:var(--theme-card);
  --gs-panel-2:color-mix(in srgb, var(--theme-card) 86%, #000 14%);
  --gs-panel-3:var(--theme-primary-soft);
  --gs-army:var(--theme-primary);
  --gs-army-dark:var(--theme-primary-dark);
  --gs-army-soft:color-mix(in srgb, var(--theme-primary) 72%, #fff 28%);
  --gs-gold:var(--theme-warning);
  --gs-text:var(--theme-text);
  --gs-muted:var(--theme-muted);
  --gs-muted-2:color-mix(in srgb, var(--theme-muted) 70%, var(--theme-text) 30%);
  --gs-line:color-mix(in srgb, var(--theme-line) 62%, transparent);
  --gs-line-soft:color-mix(in srgb, var(--theme-line) 32%, transparent);
  --gs-danger:var(--theme-danger);
  --gs-success:var(--theme-success);
  --gs-shadow:0 18px 55px rgba(0,0,0,.38);
  --gs-button-bg:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-dark));
  --gs-button-bg-hover:linear-gradient(135deg,color-mix(in srgb, var(--theme-primary) 75%, #fff 25%),var(--theme-primary));
}

html,body{background:var(--theme-background)!important;color:var(--theme-text)!important;}
.header,.site-header{background:var(--theme-header)!important;border-color:color-mix(in srgb, var(--theme-line) 34%, transparent)!important;}
.navbar,.good-menu-panel{background:var(--theme-menu)!important;border-color:color-mix(in srgb, var(--theme-line) 34%, transparent)!important;}
.footer,footer,.site-footer,.main-footer{background:var(--theme-footer)!important;color:var(--theme-muted)!important;border-color:var(--theme-primary)!important;}
.card,.product,.product-card,.contact-box,.selector-box,.legal-content,.cart,.admin-panel,.admin-stat,.pro-panel,.pro-kpi,.pro-profile-card,.pro-login-card{background:var(--theme-card)!important;color:var(--theme-text)!important;border-color:color-mix(in srgb, var(--theme-line) 32%, transparent)!important;}
.button,button,input[type="submit"],input[type="button"],.btn,a.btn,.big-button,.service-btn,.category-filter-btn,.portal-small-btn,.pro-btn,.pro-action,.admin-primary,.admin-secondary,.admin-logout,.admin-topbar-logout,.checkout-pay-button,.cart-terms-button,[class*="button"],[class*="btn"]{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-dark))!important;
  color:var(--theme-button-text)!important;
  -webkit-text-fill-color:var(--theme-button-text)!important;
  border-color:color-mix(in srgb, var(--theme-primary) 70%, #fff 30%)!important;
}
.button:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,.btn:hover,a.btn:hover,.big-button:hover,.service-btn:hover,.category-filter-btn:hover,.portal-small-btn:hover,.pro-btn:hover,.pro-action:hover,.admin-primary:hover,.admin-secondary:hover,.admin-logout:hover,.admin-topbar-logout:hover,[class*="button"]:hover,[class*="btn"]:hover{
  background:linear-gradient(135deg,color-mix(in srgb, var(--theme-primary) 76%, #fff 24%),var(--theme-primary))!important;
  color:var(--theme-button-text)!important;
}
a{color:color-mix(in srgb, var(--theme-primary) 75%, #fff 25%);}h1,h2,h3,h4,strong,b{color:var(--theme-text)!important;}p,li,small,label,.muted,.intro{color:var(--theme-muted)!important;}
input,select,textarea{background:var(--theme-background-soft)!important;color:var(--theme-text)!important;border-color:color-mix(in srgb, var(--theme-line) 36%, transparent)!important;}
svg,svg *,i,.fa,.fas,.far,.fab{color:var(--theme-icon)!important;fill:var(--theme-icon)!important;stroke:var(--theme-icon)!important;}
.status-betaald,.status-verzonden,.status-afgerond,.status-gepland,.badge.success{background:color-mix(in srgb, var(--theme-success) 22%, transparent)!important;color:color-mix(in srgb, var(--theme-success) 55%, #fff 45%)!important;border-color:color-mix(in srgb, var(--theme-success) 48%, transparent)!important;}
.status-open,.status-nieuw,.badge.warning{background:color-mix(in srgb, var(--theme-warning) 18%, transparent)!important;color:var(--theme-warning)!important;border-color:color-mix(in srgb, var(--theme-warning) 42%, transparent)!important;}
.status-geannuleerd,.status-mislukt,.badge.danger{background:color-mix(in srgb, var(--theme-danger) 18%, transparent)!important;color:color-mix(in srgb, var(--theme-danger) 55%, #fff 45%)!important;border-color:color-mix(in srgb, var(--theme-danger) 42%, transparent)!important;}