:root {

  --color-primary:        #7cb929;
  --color-primary-dark:   #62961d;
  --color-primary-alpha-15: rgba(124, 185, 41, 0.15);
  --color-text-dark:      #363d3a;
  --color-text:           #666666;
  --color-text-light:     #999999;
  --color-border:         #cccccc;
  --color-bg-light:       #eeeeee;
  --color-bg-warm:        #f2f0ee;
  --color-white:          #ffffff;

  --logo-width:           200px;

  --color-highlight:      var(--color-primary-dark);
  --color-link:           var(--color-primary-dark);
  --color-link-hover:     var(--color-primary);

  --color-success:        #27ae60;
  --color-success-bg:     #f0f9f0;
  --color-success-border: #a5d6a7;
  --color-danger:         #c62828;
  --color-danger-bg:      #fdf2f2;
  --color-danger-border:  #ef9a9a;

  --color-drawer-accent:       #990000;
  --color-drawer-accent-hover: #770000;

  --btn-bg:               var(--color-primary);
  --btn-bg-hover:         var(--color-white);
  --btn-color:            var(--color-white);
  --btn-color-hover:      var(--color-primary-dark);
  --btn-border:           var(--color-primary);
  --btn-border-hover:     var(--color-primary);

  --font-heading:         'Marcellus', serif;
  --font-body:            'Montserrat', sans-serif;

  --font-size-base:       16px;
  --font-size-base-mobile: 15px;
  --line-height-base:     1.71;
  --font-weight-base:     400;

  --h1-size:              3.45em;
  --h1-size-tablet:       3em;
  --h1-size-mobile:       1.6em;
  --h1-line-height:       1.163;
  --h1-line-height-mobile: 1.3;

  --h2-size:              2.55em;
  --h2-size-tablet:       2em;
  --h2-size-mobile:       2rem;
  --h2-line-height:       1.2;

  --h3-size:              1.3rem;
  --h3-line-height:       1.3;

  --h4-size:              1.05em;
  --h4-line-height:       1.285;
  --h4-font-family:       var(--font-body);

  --h5-size:              1em;
  --h5-line-height:       1.5;
  --h5-weight:            700;

  --h6-size:              0.9em;
  --h6-line-height:       1.5;
  --h6-weight:            700;

  --nav-font-size:        16px;
  --nav-line-height:      1.4;
  --nav-weight:           500;
  --nav-letter-spacing:   0.48px;
  --nav-transform:        uppercase;
  --nav-color:            var(--color-white);
  --nav-color-hover:      var(--color-primary);
  --nav-color-active:     var(--color-primary);

  --btn-font-size:        13px;
  --btn-line-height:      1.71;
  --btn-weight:           500;
  --btn-letter-spacing:   0.06em;
  --btn-transform:        uppercase;
  --btn-border-radius:    0px;
  --btn-padding:          15px 30px 15px 38px;
  --btn-border-width:     1px;

  --content-width:        1200px;
  --content-edge-mobile:  20px;
  --content-edge-tablet:  50px;

  --space-xs:             0.5rem;
  --space-sm:             1rem;
  --space-md:             1.5rem;
  --space-lg:             2rem;
  --space-xl:             3rem;
  --space-2xl:            4rem;
  --space-3xl:            5rem;

  --header-height:        170px;
  --header-padding-x:     50px;
  --header-bg:            transparent;
  --header-bottom-height: 44px;
  --header-bottom-border: 3px solid var(--color-primary);
  --header-bottom-bg:     var(--color-white);

  --footer-bg:            var(--color-white);
  --footer-text-color:    var(--color-text-light);
  --footer-link-color:    var(--color-text-light);
  --footer-link-hover:    var(--color-primary);
  --footer-font-size:     13px;
  --footer-spacing:       30px;

  --transition:           0.3s ease;
  --shadow-light:         0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-medium:        0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-bubble:        0 2px 16px rgba(0, 0, 0, 0.08);
}