:root {
--color-textProminent:          #0e4194;
--color-textProminentInverted:  #ffffff;
--color-textCore:               #000000;
--color-textCoreInverted:       rgb(247, 201, 35);
--color-textDeemphasized:       #757575;
--color-textDeemphasizedInverted: #a8a8a8;
--color-textMinEmphasis:        #a8a8a8;
--color-textOrientation:        #007e35;
--color-textH3:        	      #0e4194;
--color-textH3Inverted:         #007e35;

--color-linkText:               #007e35;
--color-linkTextHover:          #2E00A3;
--color-linkTextHighlight:      #0e4194;
--color-linkHeadlineHover:      #007e35;
--color-linkTitleHover:         #007e35;

--color-logo:                   #007e35;
--color-logoInverted:           #ffffff;

--color-background:             #ffffff;
--palette-background-primary:   #ffffff;
--color-backgroundInverted:     rgb(247, 201, 35);
--color-backgroundOffset:       #EDE9FF;
--color-backgroundDisabled:     #e0e0e0;
--color-backgroundBrandLight:   #0e4194;
--color-backgroundBrandDark:    #0e4194;
--color-backgroundBrandDarkInverted:    #0836DC;

--color-icon:                   #007e35;
--color-iconInverted:           #ffffff;

--color-graphic:                #7ab51d;
--color-graphicLabel:           #ffffff;

--color-border:                 #007e35;
--color-borderInverted:         #ffffff;
--color-borderDeemphasized:     #0e4194;

--color-buttonPrimary:          #0e4194;
--color-buttonPrimaryLabel:     rgb(247, 201, 35);
--color-buttonPrimaryHover:     #EDE9FF;
--color-buttonPrimaryHoverDK:   #D5CCFF;
--color-buttonPrimaryLabelHover: #0e4194;
--color-buttonHover:            #007e35;
--color-buttonBorder:           #007e35;
--color-buttonSecondary:        #ffffff;
--color-buttonSecondaryBorder:  #ffffff;
--color-buttonSecondaryHover:  #eef8e0;
--color-buttonSecondaryLabel:   #007e35;
--color-buttonTertiary:         #ffffff;
--color-buttonTertiaryBorder:   #ffffff;
--color-buttonTertiaryLabel:    #007e35;

--color-input:                  #ffffff;
--color-inputBorder:            rgb(51, 0, 180);
--color-selectors:              #a8a8a8;

--color-error:                  #ca0034;
--color-errorLow:               #FED7D7;
--color-errorHigh:              #742A2A;
--color-errorGlow:             rgba(202,0,52,0.25);

--color-activeState:            #7ab51d;
--color-activeStateLabel:       #ffffff;

--color-accent:                 #f39100;
--color-accentHover:            #c97600;
--color-accentLabel:            #ffffff;
--color-yellow:                 #ffed00;

--color-facebook:               #49659f;
--color-pinterest:              #ca0034;
--color-whatsapp:               #128C7E;

--fontSizes-3xs: 0.45rem;
--fontSizes-2xs: 0.625rem;
--fontSizes-xs: 0.75rem;
--fontSizes-sm: 0.875rem;
--fontSizes-md: 1rem;
--fontSizes-lg: 1.125rem;
--fontSizes-xl: 1.25rem;
--fontSizes-2xl: 1.5rem;
--fontSizes-3xl: 1.875rem;
--fontSizes-4xl: 2.25rem;
--fontSizes-5xl: 3rem;

--fontWeights-hairline: 100;
--fontWeights-thin: 200;
--fontWeights-light: 300;
--fontWeights-normal: 400;
--fontWeights-medium: 500;
--fontWeights-semibold: 600;
--fontWeights-bold: 700;
--fontWeights-extrabold: 800;
--fontWeights-black: 900;

--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-7: 1.75rem;
--space-8: 2rem;
--space-9: 2.25rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-14: 3.5rem;
--space-16: 4rem;

      --glass-08:      rgba(255,255,255,0.08);
      --glass-12:      rgba(255,255,255,0.12);
      --glass-15:      rgba(255,255,255,0.15);
      --glass-18:      rgba(255,255,255,0.18);
      --glass-20:      rgba(255,255,255,0.20);
      --glass-25:      rgba(255,255,255,0.25);
      --glass-30:      rgba(255,255,255,0.30);
      --glass-35:      rgba(255,255,255,0.35);
      --glass-45:      rgba(255,255,255,0.45);
      --glass-90:      rgba(255,255,255,0.90);
      --glass-95:      rgba(255,255,255,0.95);
      --glass-96:      rgba(255,255,255,0.96);

      --on-dark-90:    rgba(255,255,255,0.90);
      --on-dark-88:    rgba(255,255,255,0.88);
      --on-dark-85:    rgba(255,255,255,0.85);
      --on-dark-80:    rgba(255,255,255,0.80);
      --on-dark-78:    rgba(255,255,255,0.78);
      --on-dark-70:    rgba(255,255,255,0.70);
      --on-dark-65:    rgba(255,255,255,0.65);
      --on-dark-55:    rgba(255,255,255,0.55);

      --overlay-dark-18:    rgba(0,0,0,0.18);
      --overlay-dark-20:    rgba(0,0,0,0.20);
      --overlay-header-12:  rgba(255,255,255,0.12);

      --focus-accent:        rgba(243,145,0,0.35);
      --focus-accent-strong: rgba(243,145,0,0.45);
      --focus-green:         rgba(0,126,53,0.30);

      --shadow-sm:     0 2px 8px rgba(0,126,53,0.12);
      --shadow-md:     0 6px 24px rgba(0,126,53,0.16);
      --shadow-cta:    0 6px 20px rgba(243,145,0,0.45);
      --shadow-textHero:  0 2px 12px rgba(0,0,0,0.18);

      /* ── Farbverläufe entfernt – Ersatz: Volltonfarben ── */
      --gradient-hero:        #005a28;
      --gradient-cta:         #007e35;
      --gradient-img-overlay: rgba(0,90,40,0.85);

      --radius:    10px;
      --radius-lg: 18px;

      --placeholder: #a8a8a8;
      --off-white:   #fafaf8;

      --font-headline: 'Just Lovely', cursive;
      --font-special:  'Playfair Display', Georgia, serif;

      --fw-regular:   400;
      --fw-extrabold: 800;



--orange:        #FB8100;
--purple:        rgb(51,0,180);
--purple-hover:  rgb(8,54,220);
--yellow:        rgb(247,201,35);
--gray-90:       #474747;
--gray-70:       #545454;
--gray-40:       #636363;
--gray-20:       #D6D6D6;
--white:         #FFFFFF;
--error:         #ca0034;

--sand-dark:      #D4D2BD;
--sand-light:     #FAFAF7;


/* Sudoku grid colours */
--cell-bg:        #FFFFFF;
--cell-sel-bg:    #d8e4ff;
--cell-hl-bg:     #eef2ff;
--cell-sv-bg:     #c8d9f5;
--cell-error-bg:  #fff0f3;
--box-border:     #2c2c3a;
--cell-border:    #b8c4d8;


--radius-sm: .25rem; --radius-md: .375rem;
--radius-lg: .5rem;  --radius-xl: .75rem;
--radius-full: 9999px;
--shadow-sm: 0 1px 2px rgba(0,0,0,.05);
--shadow-md: 0 4px 16px rgba(0,0,0,.10);
--shadow-lg: 0 8px 32px rgba(0,0,0,.14);
--nav-height: 64px;
--font: 'Fira Sans Condensed', Arial, sans-serif;
--color-borderDeemphasized: var(--gray-20);
}