/*
Theme Name: Löwe Smartring
Theme URI: https://loewe-smartdevices.de
Author: Löwe Smart Devices
Author URI: https://loewe-smartdevices.de
Description: Zweisprachiges (DE/EN) Custom-Theme für die Landingpage des ZEUS Smart Ring. Modular aufgebaut, Elementor-kompatibel und für eine spätere WooCommerce-Erweiterung vorbereitet. Lokale Fonts (Krona One, Inter) für DSGVO-Konformität.
Version: 0.2.2
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loewe-theme
Tags: custom-colors, custom-logo, custom-menu, featured-images, translation-ready, elementor
*/

/* -------------------------------------------------------------------------
   Basis-Reset & Root-Tokens
   Die eigentlichen Komponenten-Styles liegen in assets/css/main.css.
   Hier nur der Theme-Header (Pflicht) und die zentralen Design-Tokens.
---------------------------------------------------------------------------- */

:root {
    /* Marken-Farben – Theme läuft dauerhaft im dunklen Modus (kein Umschalter). */
    --lsd-ground:  #14181d; /* dunkler Grund      */
    --lsd-raise:   #1c222a; /* Karten / Flächen   */
    --lsd-sky:     #242c36; /* dunkle Fläche      */
    --lsd-ink:     #f2eae0; /* heller Text        */
    --lsd-slate:   #c3ccd6; /* heller Grauton     */
    --lsd-brass:      #c7d649; /* Limette (Akzent) */
    --lsd-brass-deep: #aebf34; /* Akzent, dunkler (Hover) */
    --lsd-on-accent:  #1b2208; /* Textfarbe auf Akzentflächen */
    --lsd-line:    rgba(242, 234, 224, 0.14);

    /* Typo */
    --lsd-font-display: "Krona One", "Arial Narrow", sans-serif;
    --lsd-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Layout */
    --lsd-maxw: 1200px;
    --lsd-gutter: clamp(1.25rem, 4vw, 3rem);
}

*, *::before, *::after { box-sizing: border-box; }
html {
    overflow-x: hidden; /* verhindert horizontalen Überlauf durch Full-Bleed (100vw) */
    color-scheme: dark; /* Theme läuft dauerhaft dunkel – auch UA-Controls dunkel rendern */
}
body {
    margin: 0;
    font-family: var(--lsd-font-body);
    color: var(--lsd-ink);
    background: var(--lsd-ground);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}