/* MARA VITAL — design-baseline tokens (AS-IS capture, 2026-07-02)
   Honest naming on purpose: this is NOT a clean/unified system. It records what
   is DECLARED (Elementor kit + Shoptimizer theme-mods) alongside what is actually
   LIVED (usage-ranked CSS/DB census). The two disagree — see design-sys-orig.md §4.
   Provenance for every value: _evidence/extraction/ (elementor-kit.json,
   theme-mods.json, hex-census-theme*.txt, eglobal-usage.txt).
   Governance warning: Claude Design reads hex values, not semantic roles — the
   role names below are our labels, not the site's. Verify visually. */

:root {
  /* ---- DECLARED — Elementor kit system_colors (elementor-kit.json) ---- */
  --declared-primary:   #AE8A56;  /* "Primary"   — referenced ~1× on homepage */
  --declared-secondary: #866940;  /* "Sekundäre" */
  --declared-text:      #333333;  /* "Text" */
  --declared-accent:    #AE8A56;  /* "Accent" (identical to primary) */

  /* ---- DECLARED — Elementor kit custom_colors (7 ad-hoc globals, with _id) ---- */
  --declared-c-558bad: #558BAD;   /* _id 444447c "Accent" */
  --declared-c-00374d: #00374D;   /* _id 89a04c7 "Attention" — the real workhorse (22 refs) */
  --declared-c-f2c78d: #F2C78D;   /* _id 4768b4d "Accent Color 2" */
  --declared-c-fff0dc: #FFF0DC;   /* _id 0f466a6 "Background Light" */
  --declared-c-cf3e0d: #CF3E0D;   /* _id 62417e4 "Orange" */
  --declared-c-5c8abc: #5C8ABC;   /* _id 1f35400 "Geltech" */
  --declared-c-335579: #335579;   /* _id bebafa3 "Geltech Dark" */

  /* ---- DECLARED — Elementor kit button (declared, NOT the lived CTA) ---- */
  --declared-btn-bg:    #B40000;  /* kit button_background_color (bright red) */
  --declared-btn-text:  #FFFFFF;
  --declared-btn-hover: #7E6541;  /* kit button_hover_background_color (brown) */

  /* ---- LIVED — usage-ranked working palette (theme-mods + CSS/served census) ---- */
  --lived-petrol:       #00374D;  /* nav bg, trust bar, headings, USP icons, cart bubble; theme-hex rank 1 (14), swatch, 22 e-global refs */
  --lived-gold-theme:   #DC9814;  /* theme CSS rank 4 (7), logo gold */
  --lived-gold-astra:   #AE8A56;  /* astra-addon dynamic CSS — 234 files reference AE8A56 */
  --lived-gold-ratings: #EE9E13;  /* shoptimizer_ratings_color — star ratings */
  --lived-cta-rust:     #8B2C1F;  /* shoptimizer_woocommerce_button_bg — the lived primary CTA */
  --lived-red-floating: #BD2020;  /* shoptimizer_floating_button_bg — chat/contact FAB */
  --lived-navy:         #0F2A44;  /* shoptimizer_sale_flash_bg */
  --lived-navy-band:    #12243A;  /* theme-hex rank 5 (5) — dark band variant */

  /* ---- LIVED — warm papers & surfaces ---- */
  --paper:              #FBF8F0;  /* warm off-white band (theme census) */
  --paper-warm:         #FFF0DC;  /* deeper warm paper (= declared "Background Light") */
  --surface-topbar:     #F9F9F9;  /* shoptimizer_layout_top_bar_background */
  --surface-white:      #FFFFFF;  /* header/below-header bg */
  --surface-sage:       #E8EBE2;  /* theme census warm-sage tint */

  /* ---- LIVED — neutrals (3- and 6-digit both appear in source) ---- */
  --n-white:  #FFFFFF;  /* #fff ×62 */
  --n-ink:    #111111;  /* #111 ×33 — near-black body ink */
  --n-000:    #000000;
  --n-333:    #333333;  /* declared text */
  --n-eee:    #EEEEEE;  /* #eee ×18 */
  --n-e2:     #E2E2E2;  /* #e2e2e2 ×12 — hairlines/borders */
  --n-ccc:    #CCCCCC;  /* #ccc ×10 */
  --n-9ca3af: #9CA3AF;  /* muted grey text */

  /* ---- Layout tokens (theme-mods + kit) ---- */
  --container-width: 1170px;   /* shoptimizer_container_width */
  --header-height:   100px;    /* shoptimizer_header_height */
  --logo-height:      74px;    /* shoptimizer_logo_height (mobile 25px) */
  --bp-md:           768px;    /* kit viewport_md */
  --bp-lg:          1025px;    /* kit viewport_lg */
  --btn-radius:        1px;    /* kit button_border_radius — effectively square */

  /* ---- Typography (Open Sans, self-hosted via OMGF) ---- */
  --font-body: "Open Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --w-regular: 400;  /* kit text/secondary */
  --w-medium:  500;  /* kit accent */
  --w-semibold:600;  /* kit primary / headings */
  --w-bold:    700;
}