/*
Theme Name:   Parfum Garage Child
Theme URI:    https://parfum-garage.com
Description:  Child-Theme auf Storefront-Basis für den Parfum-Garage-Shop. Modernes, schwarzes Boutique-Luxus-Design (Noir + Champagner-Gold), Startseite mit Hero, USP-Leiste, Bestseller, Über uns, Trust & Instagram. Vollständig responsive, kein Build-Schritt.
Author:       Parfum Garage
Template:     storefront
Version:      0.2.0
Text Domain:  parfumgarage
*/

/*
 * Styles liegen in assets/css/main.css (getrennt enqueued).
 * Diese Datei trägt den Theme-Header + Design-Tokens als CSS-Variablen.
 *
 * Markenidentität: tiefes Neutral-Schwarz, Porzellan-Weiß, Champagner-Gold.
 */

:root {
  /* ===== Noir & Champagne — schwarz-dominantes Luxus-Theme =====
     Tiefes, neutrales Schwarz als Grundfläche, Porzellan-Text,
     kühles Champagner-Gold als Akzent. Die Tokens „cream/ink" tragen
     weiterhin die Semantik Fläche/Text, sind aber invertiert
     (Fläche = dunkel, Text = hell). */

  /* Dunkle Chrome-Flächen (Header, Footer, dunkle Sektionen, Hero) —
     neutrales Tiefschwarz, minimal aufgehellt statt #000 (kein „Loch"). */
  --pg-bg:        #141414;  /* Header/Footer/dunkle Sektionen */
  --pg-bg-soft:   #1e1e1e;  /* leicht erhöht (Karten/Verlauf auf dunkel) */
  --pg-bg-deep:   #0a0a0a;  /* etwas tiefer (Hero-Tint, Verläufe) */

  /* Helle Grund-/Inhaltsflächen — EIN neutraler Porzellan-Ton durchgängig
     (minimal warm, damit es neben Schwarz nicht klinisch wirkt) */
  --pg-cream:     #f4f3f0;  /* Grundfläche (Body + alle hellen Sektionen) */
  --pg-cream-2:   #e7e5e0;  /* nur Mikro-Kontrast: Hover/Borders/Platzhalter */
  --pg-surface:   #fbfaf8;  /* dezent gehobene Panels/Karten/Drawer */
  --pg-surface-2: #edebe6;  /* Inputs / verschachtelte Flächen */

  /* Text — sehr dunkles Neutralgrau statt Pechschwarz (angenehmer Kontrast) */
  --pg-ink:       #171717;  /* Primärtext */
  --pg-ink-soft:  #5b5a55;  /* Sekundärtext (≥AA auf hellen Flächen) */
  --pg-on-dark:   #f2f0ea;  /* Text auf dunklen Chrome-Flächen (Porzellan) */
  --pg-on-dark-2: #a9a79f;  /* gedämpfter Text auf dunkel (≥AA auf --pg-bg) */

  /* Akzent — warmes Amber-Gold (Referenz-Design: satter, „echtes" Gold
     statt kühlem Champagner) */
  --pg-gold:      #d2ab66;  /* Gold (Akzente, auf dunkel) */
  --pg-gold-2:    #7f6320;  /* tiefes Gold (Text/Hover auf hell ≥AA, Verläufe) */
  --pg-gold-soft: rgba(210,171,102,0.12); /* zarter Gold-Schleier */
  --pg-line:      rgba(23,23,23,0.12);     /* feine dunkle Linien auf hell */
  --pg-line-dark: rgba(242,240,234,0.14);  /* feine helle Linien auf dunkel (Chrome) */

  /* Form — durchgehend kantig. Das Shop-Grid gibt die Sprache vor: randlose,
     rechteckige Produktkarten. Runde Ecken daneben lesen sich als App-UI und
     brechen die Ruhe, darum sitzen beide Radien auf 0. Sie bleiben als Variable
     bestehen, damit ein späteres Zurückdrehen eine Einzeiler-Änderung ist.
     Echte Kreise (Icon-Buttons, Punkte, Avatare) nutzen weiterhin 50%. */
  --pg-radius:    0;
  --pg-radius-sm: 0;
  --pg-maxw:      1240px;
  --pg-shadow:    0 34px 80px -34px rgba(0,0,0,0.85);
  --pg-shadow-gold: 0 18px 50px -22px rgba(160,118,48,0.5);

  /* Typografie — eleganter Serif-Mix (Cormorant Display + Nunito Sans),
     lokal gehostet; Inter bleibt als Fallback */
  --pg-font-head: "Cormorant", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --pg-font-body: "Nunito Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --pg-ease: cubic-bezier(0.22, 1, 0.36, 1);
}