/*
 * LN-Tweaks Widget-Tokens (theme-agnostic)
 *
 * CSS-Variable-Fallbacks für alle Plugin-Widgets. Wenn ein Theme (z.B.
 * `lucas-nuelle-v2`) eigene `--ln-*`-Tokens setzt, übernimmt jedes Widget
 * automatisch die Theme-Werte. Auf Stock-Themes (z.B. shop.lucas-nuelle.com
 * mit Storefront/Astra) greifen die hier definierten Defaults.
 *
 * Pattern: jedes Widget initialisiert seine `--ln-tweaks-*`-Variablen
 * über `var(--ln-*, fallback)` so, dass Theme-Tokens Vorrang haben.
 */

:where([data-ln-tweaks-widget]) {
	--ln-tweaks-primary:        var(--ln-primary, #FF8600);
	--ln-tweaks-primary-dark:   var(--ln-primary-dark, #cc6a00);
	--ln-tweaks-dark:           var(--ln-dark, #2A2A2C);
	--ln-tweaks-mid:            var(--ln-mid, #666666);
	--ln-tweaks-light:          var(--ln-light, #F6F6F6);
	--ln-tweaks-border:         var(--ln-border, #D3D3D3);
	--ln-tweaks-white:          var(--ln-white, #FFFFFF);
	--ln-tweaks-font:           var(--ln-font-body, 'Noto Sans', system-ui, -apple-system, sans-serif);
	--ln-tweaks-radius-sm:      var(--ln-radius-sm, 2px);
	--ln-tweaks-radius-md:      var(--ln-radius-md, 4px);
	--ln-tweaks-container-max:  var(--ln-container-max, 1600px);
	--ln-tweaks-container-pad:  var(--ln-container-pad, 80px);
	--ln-tweaks-section-pad:    var(--ln-section-pad, 80px);
	--ln-tweaks-transition:     var(--ln-transition, 0.2s ease);
}

@media (max-width: 768px) {
	:where([data-ln-tweaks-widget]) {
		--ln-tweaks-container-pad: 24px;
		--ln-tweaks-section-pad: 56px;
	}
}