/*
Theme Name: NETZLICHT WP
Theme URI: https://netzlicht.com
Description: NETZLICHT Basis-Theme fuer WordPress-Kundensites auf Blockstudio. Plain CSS mit NETZLICHT-Design-Tokens, WP-Hardening, A11y-Grundausstattung. Pro Site geforkt; Tokens werden per tokens_to_css.py aus design-tokens/<site>.json injiziert.
Version: 0.2.1
Requires at least: 6.4
Requires PHP: 8.2
Author: NETZLICHT
License: GPL-2.0-or-later
Text Domain: nl
*/

/* ==== NETZLICHT-TOKENS-START (auto-generated) ==== */
:root {
    /* Neutral-Defaults der Vorlage. Pro Site ersetzt der Token-Emitter diesen
       Block komplett (Marker-Konvention identisch zum Static-Framework):
       python3 scripts/tokens_to_css.py <site> --target <theme>/style.css */

    /* color */
    --color-primary:      #1a56db;
    --color-primary-fg:   #ffffff;
    --color-accent:       #93c5fd;
    --color-accent-fg:    #0f172a;
    --color-bg:           #ffffff;
    --color-bg-soft:      #f1f5f9;
    --color-surface:      #f1f5f9;
    --color-text:         #1a1a1a;
    --color-text-muted:   #475569;
    --color-border:       transparent;
    --color-link-on-soft: #1a56db;
    --color-error:        #c62828;

    /* space */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs:  clamp(0.5rem, 0.4rem + 0.4vw, 0.75rem);
    --space-sm:  clamp(0.75rem, 0.6rem + 0.6vw, 1rem);
    --space-md:  clamp(1rem, 0.75rem + 1vw, 1.5rem);
    --space-lg:  clamp(1.5rem, 1rem + 2vw, 2.5rem);
    --space-xl:  clamp(2rem, 1.4rem + 3vw, 3.5rem);
    --space-2xl: clamp(3rem, 2rem + 4vw, 5rem);
    --space-3xl: clamp(4rem, 2.5rem + 6vw, 7rem);
    --space-4xl: clamp(5rem, 3rem + 8vw, 9rem);
    --space-5xl: clamp(8rem, 4rem + 12vw, 13rem);
    --space-6xl: clamp(10rem, 5rem + 15vw, 16rem);

    /* type */
    --font-sans:    system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-display: system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* radius */
    --radius-sm:     0.5rem;
    --radius-md:     1rem;
    --radius-lg:     2rem;
    --radius-xl:     2rem;
    --radius-button: 0.5rem;

    /* container */
    --container-wide:    1600px;
    --container-mid:     1200px;
    --container-text:    800px;
    --container-padding: 1.5rem;
}
/* ==== NETZLICHT-TOKENS-END ==== */