:root {

/* ------------------------------------------------ 
                        Regulär
***************************************************  */
    /* Primär */
    --c-primary: #3AD5D5;
    --c-primary-light: #C4F4F4;
    --c-primary-dark: #21A9A9;

    /* Accent */
    --c-accent: #A17BFF;  
    --c-accent-light: #E4D6FF;
    --c-accent-dark: #8358E8;

    /* Neutral */
    --c-text: #1A1A1A;
    --c-text-secondary: #3C3C3C;
    --c-bg-card: #F3F4F6;
    --c-bg: #F8FFFF;

  /* Fonts */
    --font-title: "Poppins", system-ui, sans-serif;
    --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    


    --box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
/* ------------------------------------------------ 
                        Button
***************************************************  */
    --btn: #48E4E4;
    --btn-hover: #1DB8B8;
    --btn-active: #149090;
    --btn-disabled: #BFEFEF;
    --btn-text: #1F1F1F;

    --btn-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);


/* ------------------------------------------------ 
                        Header
***************************************************  */

    --header-bg: rgba(255, 255, 255, 0.75); /* Glass/Light */
    --header-border: rgba(0, 0, 0, 0.08);
    --header-link: #3C3C3C;                 /* neutrales Grau */
    --header-link-hover: var(--c-primary);
    --header-blur: 5px;


/* ------------------------------------------------ 
                        Section Craft
***************************************************  */    

--primary-craft:        #F4A976;
--primary-craft-light:  #FFD8B0;
--primary-craft-dark:   #C27C49;

--accent-craft:         #7A8EEB;
--accent-craft-light:   #AFC1FF;
--accent-craft-dark:    #4A5DB9;

    
/* ------------------------------------------------ 
                        Section Paw
***************************************************  */    
--primary-paw:          #6D6578;
--primary-paw-light:    #9C96A8;
--primary-paw-dark:     #4A4453;

--accent-paw:           #74876D;
--accent-paw-light:     #A6BA9D;
--accent-paw-dark:      #4C5C43;




/* ------------------------------------------------ 
                        Section Kitchen
***************************************************  */        
--primary-kitchen:        #D9F57B;
--primary-kitchen-light:  #F1FFC2;
--primary-kitchen-dark:   #A7C24B;

--accent-kitchen:         #937BF5;   /* exakte Komplementärfarbe */
--accent-kitchen-light:   #C4B4FF;
--accent-kitchen-dark:    #6146C2;

}