/*
======================================================================
DESIGN TOKENS / STYLE ZENTRALE

CHANGE THESE FIRST when you want to adjust the overall look quickly.
This file is loaded BEFORE the other CSS files.

EDIT HERE FOR:
- main colors
- menu colors
- header strip background
- main fonts
- global text color

Important:
Not every historical legacy value has been converted to variables yet,
but the most visible theme colors and font settings are centralized here.
Search for: CHANGE THESE FIRST / DESIGN TOKENS
======================================================================
*/
:root {
  /* ================================================================
     CHANGE THESE FIRST – MAIN COLORS
     ================================================================ */
  --site-color-primary: #5F5046;            /* warm brown: headings, links, labels */
  --site-color-primary-soft: #5F50468A;     /* button hover / translucent brown */
  --site-color-primary-border: #5F504666;   /* soft brown border */
  --site-color-accent: #88B04B;             /* green hover accent */
  --site-color-accent-strong: #f91546;      /* legacy pink/red accent */
  --site-color-accent-strong-2: #ee3468;    /* softer accent variation */
  --site-color-menu: rgb(125, 80, 10);      /* main menu text */
  --site-color-menu-active: rgb(220, 145, 30);
  --site-color-text: #272727;               /* general dark text */
  --site-color-text-soft: #606066;
  --site-color-white: #fff;
  --site-color-black: #000;
  --site-color-border-light: #d5d5d5;
  --site-color-muted: #9e9e9e;

  /* ================================================================
     CHANGE THESE FIRST – BACKGROUNDS
     ================================================================ */
  --site-bg-header: #f4f0e985;              /* translucent main header */
  --site-bg-header-top: rgba(244, 240, 233, 0.92);
  --site-bg-dropdown: #fff;
  --site-bg-footer-dark: #060508;

  /* ================================================================
     CHANGE THESE FIRST – FONTS
     ================================================================ */
  --site-font-ui: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  --site-font-body: "Open Sans", sans-serif;
  --site-font-alt: arial, sans-serif;

  /* ================================================================
     CHANGE THESE FIRST – COMMON SIZES / EFFECTS
     ================================================================ */
  --site-header-top-min-height: 42px;
  --site-social-icon-size: 28px;
}