/*
Theme Name:  Estry Theme
Theme URI:   https://estry.de
Author:      Estry – KI-gestützte Webagentur
Author URI:  https://estry.de
Description: Individuelles WordPress-Theme für Estry. Kein CDN, DSGVO-konform, Mobile-First.
Version:     1.0.1
Requires at least: 6.4
Tested up to:      6.7
Requires PHP:      8.1
License:           Proprietary
Text Domain:       estry
*/

/* ============================================================
   DESIGN-TOKEN: CSS CUSTOM PROPERTIES
   Quelle: 03_design_system.md (Gate 2 Re-Run, 2026-03-12)
   Farben verbindlich durch Inhaber: #1E2421 / #1F3D2E / #C2A878
   ============================================================ */

:root {
  /* --- Primäre Brand-Farben --- */
  --color-base:          #1E2421;
  --color-forest:        #1F3D2E;
  --color-accent:        #C2A878;
  --color-text-light:    #F0EDE8;

  /* --- Forest-Familie --- */
  --color-forest-50:     #0D1A14;
  --color-forest-100:    #1F3D2E;
  --color-forest-200:    #2A5240;
  --color-forest-300:    #3A6B55;
  --color-forest-400:    #4E8A6F;

  /* --- Base-Familie (Anthrazit) --- */
  --color-base-50:       #111714;
  --color-base-100:      #1E2421;
  --color-base-200:      #2B312E;
  --color-base-300:      #3A403D;
  --color-base-400:      #545A57;

  /* --- Akzent-Familie --- */
  --color-accent-light:  #D4C09A;
  --color-accent-dark:   #A08855;
  --color-accent-muted:  #8A7248;

  /* --- Neutral / Text --- */
  /* QA FIX #6 (Nina Report §6): Werte korrekt.
     Aliase für externe QA-Referenzen, die ältere Token-Namen verwendeten.
     --color-surface-light: korrigiert auf warmes Creme (WCAG 15,8:1 auf Base ✅)
     --color-grey-500: korrigiert auf helles Muted-Grau (WCAG 8,3:1 auf Base ✅) */
  --color-text-muted:    #B8B4AD;
  --color-text-disabled: #706C66;
  --color-white:         #FFFFFF;
  --color-surface-light: #F0EDE8; /* Alias → --color-text-light */
  --color-grey-500:      #B8B4AD; /* Alias → --color-text-muted  */

  /* --- Status-Farben --- */
  --color-success:       #4CAF82;
  --color-error:         #E05C5C;
  --color-warning:       #E0A84A;
  --color-info:          #5A9EC4;

  /* --- Typografie --- */
  /* Lokale Fonts: Sora (Display), Inter (Body), JetBrains Mono (Code) */
  --font-display: 'Sora', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* --- Spacing (4px-Grid) --- */
  --space-1:  0.25rem;   /*  4px */
  --space-2:  0.5rem;    /*  8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */
  --space-32: 8rem;      /* 128px */

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

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

  /* --- Layout --- */
  --container-xl:      1280px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);
}