/*
 * Farbschema des Shops (Grün wie der Games-Island-Webshop, helle Flächen, dunkle Fußzeile). Setzt nur die
 * Design-Tokens von Basecoat (lib/basecoat, unverändert) und eigene --shop-*-Tokens; Layout steht in site.css.
 * Geladen nach basecoat.min.css: ":root" schlägt Basecoats ":root", ":root.dark" schlägt Basecoats ".dark"
 * (gleiche bzw. höhere Spezifität, spätere Datei).
 *
 * Kontraste (WCAG): weiße Schrift auf --primary 5,0:1; --primary als Text auf Weiß 5,0:1, auf --shop-band 4,7:1;
 * --muted-foreground auf Weiß 6,0:1. Dunkel: --primary-foreground auf --primary 8,3:1.
 */

:root {
    color-scheme: light;

    --radius: .625rem;

    --background: #ffffff;
    --foreground: #1a2116;
    --card: #ffffff;
    --card-foreground: #1a2116;
    --popover: #ffffff;
    --popover-foreground: #1a2116;

    /* Kräftiges Grün für Knöpfe und Links (weiße Schrift lesbar). */
    --primary: #3f7d14;
    --primary-foreground: #ffffff;
    --secondary: #eef4e6;
    --secondary-foreground: #2c5a0e;
    --muted: #f2f4ef;
    --muted-foreground: #5b6657;
    --accent: #eef4e6;
    --accent-foreground: #2c5a0e;

    --border: #e1e6dc;
    --input: #d3dacd;
    --ring: #3f7d14;

    --sidebar: #f6f8f3;
    --sidebar-foreground: #1a2116;
    --sidebar-primary: #3f7d14;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #eef4e6;
    --sidebar-accent-foreground: #2c5a0e;
    --sidebar-border: #e1e6dc;
    --sidebar-ring: #3f7d14;

    /* Eigene Tokens des Shops (keine Basecoat-Namen). */
    --shop-brand: #8cc63f;            /* Markengrün für Akzente (Linien, Flächen), nie als Schrift auf Weiß */
    --shop-band: #f4f7f0;             /* abgesetzte Seitenbereiche (Startseite, Kachelbild) */
    --shop-link: #3f7d14;
    --shop-price: #1a2116;
    --shop-header-bg: #ffffff;
    --shop-nav-bg: #f4f7f0;
    --shop-footer-bg: #141a14;
    --shop-footer-fg: #c9d1c4;
    --shop-footer-muted: #98a391;
    --shop-footer-heading: #ffffff;
    --shop-footer-accent: #9ccc65;
    --shop-shadow: 0 1px 2px rgb(20 26 20 / .06), 0 4px 12px rgb(20 26 20 / .06);
    --shop-shadow-hover: 0 2px 4px rgb(20 26 20 / .08), 0 10px 24px rgb(20 26 20 / .12);
}

:root.dark {
    color-scheme: dark;

    --background: #0f140f;
    --foreground: #eef2ea;
    --card: #171e17;
    --card-foreground: #eef2ea;
    --popover: #171e17;
    --popover-foreground: #eef2ea;

    --primary: #8cc63f;
    --primary-foreground: #10200a;
    --secondary: #223022;
    --secondary-foreground: #eef2ea;
    --muted: #1d261d;
    --muted-foreground: #a7b3a0;
    --accent: #26331f;
    --accent-foreground: #eef2ea;
    --destructive: oklch(70.4% .191 22.216);

    --border: rgb(255 255 255 / .1);
    --input: rgb(255 255 255 / .16);
    --ring: #8cc63f;

    --sidebar: #171e17;
    --sidebar-foreground: #eef2ea;
    --sidebar-primary: #8cc63f;
    --sidebar-primary-foreground: #10200a;
    --sidebar-accent: #223022;
    --sidebar-accent-foreground: #eef2ea;
    --sidebar-border: rgb(255 255 255 / .1);
    --sidebar-ring: #8cc63f;

    --shop-brand: #8cc63f;
    --shop-band: #141b14;
    --shop-link: #9ccc65;
    --shop-price: #eef2ea;
    --shop-header-bg: #121812;
    --shop-nav-bg: #171e17;
    --shop-footer-bg: #0a0e0a;
    --shop-footer-fg: #c9d1c4;
    --shop-footer-muted: #98a391;
    --shop-footer-heading: #ffffff;
    --shop-footer-accent: #9ccc65;
    --shop-shadow: 0 1px 2px rgb(0 0 0 / .3);
    --shop-shadow-hover: 0 2px 4px rgb(0 0 0 / .35), 0 10px 24px rgb(0 0 0 / .35);
}