/* ==========================================
   SWIDRO DROGERIE ELMER - DESIGN TOKENS
   nDSG & WCAG AA Compliant (0 US-Font Leaks)
   Corporate Design: Helene_Elmer_CD.pdf
   Lokale @font-face Einbindung (Dosis & Piazzolla)
   ========================================== */

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/dosis-normal-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/dosis-normal-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/dosis-normal-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/dosis-normal-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Piazzolla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/piazzolla-normal-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Piazzolla';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/piazzolla-normal-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Piazzolla';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/piazzolla-normal-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Piazzolla';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/piazzolla-italic-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Piazzolla';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/piazzolla-italic-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Core Color Palette - Helene Elmer Corporate Design */
  --color-primary: #9ab15d;        /* Kräutergrün (CMYK 42/10/72/10) */
  --color-primary-dark: #2d451e;   /* Dunkles Wald- & Arzneigrün */
  --color-secondary: #bed786;      /* Salbeigrün (CMYK 32/0/59/0) */
  --color-primary-light: #bed786;  /* Salbeigrün Alias */
  --color-highlight: #dbf2af;      /* Limonengrün (CMYK 20/0/42/0) */
  --color-accent: #b98a72;         /* Warmes Terracotta / Mensch (CMYK 21/45/50/14) */
  --color-accent-earth: #b98a72;   /* Warmes Terracotta / Erde */
  --color-dark: #25291c;           /* Tiefes Naturanthrazit für Headings */
  --color-light: #fafcf7;          /* Alpinweiss / Warmweiss */
  --color-white: #ffffff;
  --color-dark-muted: rgba(37, 41, 28, 0.75);

  /* Ruhige, natürliche Oberflächen (Entschlackt gemäss Audit) */
  --glass-bg-light: #ffffff;
  --glass-bg-card: #ffffff;
  --glass-bg-dark: #25291c;
  --glass-bg-hover: #fafcf7;
  
  --glass-border-light: 1px solid rgba(37, 41, 28, 0.08);
  --glass-border-dark: 1px solid rgba(190, 215, 134, 0.25);
  --glass-border-gold: 1px solid rgba(185, 138, 114, 0.25);

  --glass-blur: none;
  --glass-blur-header: blur(10px);

  /* Dezent reduzierte Schatten (Kein 3D-Glow) */
  --shadow-sm: 0 2px 8px rgba(37, 41, 28, 0.04);
  --shadow-md: 0 4px 16px rgba(37, 41, 28, 0.06);
  --shadow-lg: 0 8px 24px rgba(37, 41, 28, 0.08);
  --shadow-glow: none;

  /* Typography Stacks (0 US-Font Leaks - Lokale @font-face Dateien) */
  --font-sans: 'Dosis', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Piazzolla', Georgia, 'Times New Roman', serif;
  --font-display: 'Piazzolla', Georgia, 'Times New Roman', serif;
  --font-logo: 'Egmont', Georgia, serif;

  /* Font Sizes (rem) */
  --fs-xs: 0.75rem;    /* 12px */
  --fs-sm: 0.875rem;   /* 14px */
  --fs-base: 1rem;     /* 16px */
  --fs-md: 1.125rem;   /* 18px */
  --fs-lg: 1.25rem;    /* 20px */
  --fs-xl: 1.5rem;     /* 24px */
  --fs-2xl: 2rem;      /* 32px */
  --fs-3xl: 2.75rem;   /* 44px */
  --fs-hero: 3.5rem;   /* 56px */

  /* Spacings (rem) */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Radii */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2.5rem;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}