/* ============================================================
   HOLZMANUFAKTUR GLAUSER – Design Tokens
   ============================================================ */

@font-face {
  font-family: 'Fonseca';
  src: url('../fonts/Fonseca Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Farbpalette – Holztöne */
  --color-wood-darkest: #2C1A0E;  /* Espresso – Headlines */
  --color-wood-dark:    #5C3317;  /* Walnut – Primärtext */
  --color-wood-mid:     #8B5E3C;  /* Eiche – Brand */
  --color-wood-warm:    #B5813A;  /* Honig-Ahorn – Akzente */
  --color-wood-pale:    #E8CFA0;  /* Birke – Hintergrund-Akzent */
  --color-wood-cream:   #F5ECD7;  /* Leinen – Sektionshintergrund */
  --color-white:        #FDFAF5;  /* Warmweiss */

  /* Semantische Farben */
  --color-bg:           var(--color-white);
  --color-bg-alt:       var(--color-wood-cream);
  --color-text:         var(--color-wood-dark);
  --color-text-muted:   var(--color-wood-mid);
  --color-heading:      var(--color-wood-darkest);
  --color-accent:       var(--color-wood-warm);
  --color-border:       var(--color-wood-pale);
  --color-primary:      var(--color-wood-mid);
  --color-primary-dark: var(--color-wood-dark);

  /* Status-Farben */
  --color-success:      #2d6a4f;
  --color-error:        #9b1c1c;
  --color-warning:      #92400e;
  --color-info:         var(--color-wood-mid);

  /* Typografie */
  --font-serif:  'Fonseca', 'Playfair Display', Georgia, serif;
  --font-sans:   'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-logo:   'Fonseca', Georgia, serif;

  /* Schriftgrössen (fluid) */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Border-Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* Schatten */
  --shadow-sm:  0 1px 2px rgba(44,26,14,0.06);
  --shadow-md:  0 4px 12px rgba(44,26,14,0.10);
  --shadow-lg:  0 8px 24px rgba(44,26,14,0.14);
  --shadow-xl:  0 16px 48px rgba(44,26,14,0.18);

  /* Übergänge */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* Container */
  --container-max:     1200px;
  --container-padding: var(--space-6);

  /* Navbar-Höhe */
  --nav-height: 72px;
}