/* ============================================
   TOKENS — Schuster & Lang Wärmetechnik
   Überschreibt Farben, Schriften und Spacing
   aus base.css.
   Nur :root-Variablen hier — keine Klassen.
   ============================================ */

:root {
  /* ---- Farben: Dual-Tone-System ---- */

  /* Primär-Palette */
  --color-primary:       #C4A882;
  --color-primary-rgb:   196, 168, 130;
  --color-secondary:     #C9967B;
  --color-accent:        #C4A882;

  /* Hintergründe */
  --color-bg:            #1C1814;
  --color-bg-alt:        #F5F0EA;
  --color-surface:       rgba(255, 255, 255, 0.06);
  --color-surface-light: rgba(28, 24, 20, 0.04);

  /* Text */
  --color-text:          #F0E4D4;
  --color-text-on-light: #1C1814;
  --color-text-muted:    #9B8E7E;

  /* Borders */
  --color-border:        rgba(255, 255, 255, 0.10);
  --color-border-strong: rgba(255, 255, 255, 0.18);
  --color-border-light:  rgba(28, 24, 20, 0.10);

  /* CTA */
  --color-cta:           #2C2620;
  --color-cta-hover:     #3D342C;
  --color-cta-text:      #F0E4D4;

  /* Status */
  --color-success:       #6B8F71;
  --color-error:         #C45B5B;

  /* ---- Schriften ---- */
  --font-headline: 'Playfair Display', serif;
  --font-body:     'DM Sans', sans-serif;

  /* ---- Spacing Overrides ---- */
  --space-section:    96px;
  --space-section-sm: 64px;
}