/* ================================
   QN FLEX SHOP - Design Tokens
   ================================
   CSS Custom Properties mit Bootstrap-Variablen als Fallback.
   Sitepackages koennen alle --qn-shop-* Variablen neu setzen,
   ohne einzelne Selektoren anzufassen.
   ================================ */

:root {
    /* === Primary (Accent) === */
    --qn-shop-primary:         var(--bs-primary, #0d6efd);
    --qn-shop-primary-hover:   var(--bs-primary-text-emphasis, #0a58ca);
    --qn-shop-primary-rgb:     var(--bs-primary-rgb, 13, 110, 253);

    /* === Neutral Tones === */
    --qn-shop-text:            var(--bs-body-color, #212529);
    --qn-shop-text-muted:      var(--bs-secondary-color, #6c757d);
    --qn-shop-border:          var(--bs-border-color, #dee2e6);
    --qn-shop-surface:         var(--bs-body-bg, #ffffff);
    --qn-shop-surface-alt:     var(--bs-tertiary-bg, #f8f9fa);
    --qn-shop-surface-muted:   var(--bs-secondary-bg, #e9ecef);

    /* === Semantic === */
    --qn-shop-success:         var(--bs-success, #198754);
    --qn-shop-success-bg:      var(--bs-success-bg-subtle, #d1e7dd);
    --qn-shop-warning:         var(--bs-warning, #ffc107);
    --qn-shop-warning-bg:      var(--bs-warning-bg-subtle, #fff3cd);
    --qn-shop-danger:          var(--bs-danger, #dc3545);
    --qn-shop-info:            var(--bs-info, #0dcaf0);

    /* === Shop-spezifische Akzente === */
    --qn-shop-bio:             #6c9c2a;
    --qn-shop-vegan:           #28a745;
    --qn-shop-accent-soft:     rgba(var(--qn-shop-primary-rgb), 0.08);
    --qn-shop-accent-shadow:   rgba(var(--qn-shop-primary-rgb), 0.25);

    /* === Radius & Shadows === */
    --qn-shop-radius-sm:       4px;
    --qn-shop-radius:          var(--bs-border-radius, 8px);
    --qn-shop-radius-lg:       var(--bs-border-radius-lg, 12px);
    --qn-shop-shadow-sm:       0 2px 8px rgba(0, 0, 0, 0.08);
    --qn-shop-shadow:          0 8px 24px rgba(0, 0, 0, 0.12);
    --qn-shop-shadow-lg:       0 10px 40px rgba(0, 0, 0, 0.15);

    /* === Transitions === */
    --qn-shop-transition:      0.2s ease;
    --qn-shop-transition-slow: 0.3s ease;
}