/* ==========================================================================
   LK-SOLARC — DESIGN TOKENS
   Markenfarben aus dem offiziellen Logo/Corporate-Design-Dokument:
   Anthrazit #555452 · Gold/Sonnengelb #E9B24A · Weiß #FFFFFF
   Hellgrau #ECE8E0 · Mittelgrau #7A7A7A
   ========================================================================== */

:root {
  /* ---- Primärfarben (aus Logo/CD) ---- */
  --c-anthracite:        #555452;
  --c-anthracite-700:    #3F3E3C;
  --c-anthracite-900:    #26251F;
  --c-gold:              #E9B24A;
  --c-gold-600:          #D49A2C;
  --c-gold-300:          #F2CC80;
  --c-white:             #FFFFFF;

  /* ---- Sekundärfarben ---- */
  --c-hellgrau:          #ECE8E0;   /* Beige/Sand */
  --c-sand:              #E4DBC9;
  --c-warmgrau:          #C9C3B8;
  --c-mittelgrau:        #7A7A7A;
  --c-cream:             #FBF9F4;

  /* ---- Akzentfarben (pastell) ---- */
  --c-pastel-blue:       #C7D6E0;
  --c-pastel-green:      #CBD9C6;
  --c-creme-accent:      #F4EBDB;

  /* ---- Funktionale Zuordnungen (Light Mode) ---- */
  --bg-page:             var(--c-white);
  --bg-alt:              var(--c-cream);
  --bg-dark:             var(--c-anthracite-900);
  --bg-dark-soft:        var(--c-anthracite-700);
  --bg-card:             #FFFFFF;
  --bg-card-tint:        var(--c-hellgrau);

  --text-primary:        #23221F;
  --text-secondary:      #58564F;
  --text-muted:          #767268;   /* AA-konform: 4.8:1 auf Weiß */
  --text-inverse:        #FFFFFF;
  --text-inverse-muted:  #CFCDC6;
  --text-gold:           #8F631A;   /* AA-konformer Gold-Text auf Weiß/Creme (5.0–5.3:1) */

  --border-subtle:       #E7E3D9;
  --border-strong:       #D8D2C4;
  --border-dark:         #4A4945;

  --btn-primary-bg:      var(--c-anthracite-900);
  --btn-primary-bg-hover:#000000;
  --btn-primary-text:    #FFFFFF;
  --btn-gold-bg:         var(--c-gold);
  --btn-gold-bg-hover:   var(--c-gold-600);
  --btn-gold-text:       #23221F;

  --focus-ring:          #2F6FED;

  /* ---- Schatten ---- */
  --shadow-xs:  0 1px 2px rgba(35,34,31,0.04);
  --shadow-sm:  0 2px 8px rgba(35,34,31,0.06);
  --shadow-md:  0 8px 24px rgba(35,34,31,0.08);
  --shadow-lg:  0 20px 48px rgba(35,34,31,0.12);
  --shadow-xl:  0 32px 80px rgba(35,34,31,0.18);
  --shadow-gold-glow: 0 12px 32px rgba(233,178,74,0.28);

  /* ---- Radius ---- */
  --r-xs: 6px;
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-xl: 40px;
  --r-full: 999px;

  /* ---- Spacing (8pt-System) ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.8rem;
  --sp-3: 1.2rem;
  --sp-4: 1.6rem;
  --sp-5: 2.4rem;
  --sp-6: 3.2rem;
  --sp-7: 4.8rem;
  --sp-8: 6.4rem;
  --sp-9: 9.6rem;
  --sp-10: 12.8rem;

  /* ---- Typografie ---- */
  --font-display: 'Manrope', 'Inter', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-xs:   0.8rem;
  --fs-sm:   0.9rem;
  --fs-base: 1.05rem;
  --fs-md:   1.2rem;
  --fs-lg:   1.5rem;
  --fs-xl:   clamp(1.9rem, 1.6rem + 1.2vw, 2.6rem);
  --fs-2xl:  clamp(2.4rem, 1.9rem + 2vw, 3.6rem);
  --fs-3xl:  clamp(3rem, 2.2rem + 3.2vw, 5rem);
  --fs-hero: clamp(2.8rem, 2.2rem + 4.4vw, 6.4rem);

  --lh-tight: 1.08;
  --lh-snug:  1.25;
  --lh-normal:1.5;
  --lh-loose: 1.75;

  --ls-tight: -0.03em;
  --ls-normal: 0;
  --ls-wide: 0.08em;
  --ls-widest: 0.18em;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur-med: 450ms;
  --dur-slow: 900ms;

  /* ---- Layout ---- */
  --container-max: 1320px;
  --container-narrow: 860px;
  --header-h: 88px;
}

/* Bewusst KEIN automatisches Dark Mode via prefers-color-scheme:
   Viele Hintergründe (Cards, section--tint, Buttons) sind fest auf
   helle Markenfarben kodiert. Ein teilweises Umschalten nur der
   Textfarben führte dazu, dass auf Geräten mit OS-Dark-Mode heller
   Text auf hellem Hintergrund kaum lesbar war. Die Seite bleibt daher
   bewusst durchgängig im hellen Corporate Design, unabhängig von der
   Systemeinstellung des Besuchers. */