/* mi® Agentic OS — Doku-Site · CORE (ADR-022 §5)
   ========================================================================
   Der eine Einstiegspunkt, den beide Seiten per <link> laden. Zieht die
   Marken-Tokens aus dem Kit-Snapshot und die geteilte Komponenten-Schicht.
   Danach lädt jede Seite noch ihr Seiten-CSS:
     index.html    → site.css + frontdoor.css
     referenz.html → site.css + theme.css

   Kit-Token-Snapshot (ADR-022 §5, self-contained-Variante für Static-Deploy):
   colors_and_type.css ist eine LOKALE Kopie des Kit-Tokens neben dieser Datei.
   scripts/build-docs-site.sh kopiert sie bei jedem Lauf frisch aus dem Kit
   (plugins/mi-core/skills/mi-design-system/colors_and_type.css) — kein
   Hand-Drift, aber auch nicht mehr live-on-reload wie früher: Tokens ziehen
   erst beim nächsten Site-Build nach. So bleibt docs/site self-contained und
   ohne Build deploybar (Vercel outputDirectory = docs/site).

   @import-Pfade sind relativ zu DIESER Datei (docs/site/site-theme/). Die
   @font-face des Kits verweisen auf gitignorete Font-Dateien → sie fallen auf
   den System-Font-Stack zurück (gewollt, Monotype-Lizenz-Schranke ADR-018) —
   die 404 sind harmlos.
   ======================================================================== */

@import "colors_and_type.css";
@import "components.css";

/* ========================================================================
   LIGHT-PIN — die Doku-Site fest in der hellen Marken-Palette rendern.
   ------------------------------------------------------------------------
   Die Kit-Tokens (colors_and_type.css) flippen per
   @media (prefers-color-scheme: dark) auf ein dunkles Schema. Die Doku-Site
   ist aber nur HELL designt und halb-adaptiv: die muted-Aliase (--fg-muted/
   -subtle/-faint) sind hart als Tinte-auf-Weiß definiert und flippen NICHT
   mit. Im Dark-Mode-OS bricht das → dunkler Text auf dunkler Fläche
   (Front-Door) bzw. helle Schrift auf hellen Flächen (Referenz).

   Statt beide Seiten voll dark-fähig zu machen (großer Umbau, jede Fläche
   bräuchte eine Dark-Variante) pinnen wir das eine designte Schema: im
   Dark-Mode die Kit-Semantik-Tokens auf ihre LICHT-Werte zurücksetzen.
   Deckt beide Seiten ab, weil --paper/--ink auf --bg/--fg zeigen. Dieser
   Block steht bewusst NACH dem @import (gewinnt per Source-Order) und in
   site.css (wird vom Generator nicht überschrieben, nur der Snapshot).
   ======================================================================== */
:root { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root {
    --mi-bg-base:           var(--mi-neutral-0);
    --mi-bg-surface:        var(--mi-neutral-0);
    --mi-bg-inverse:        var(--mi-c-anthracite);
    --mi-bg-inverse-strong: var(--mi-neutral-950);
    --mi-bg-accent:         var(--mi-c-orange);

    --mi-fg-default:        var(--mi-neutral-950);
    --mi-fg-muted:          var(--mi-neutral-700);
    --mi-fg-subtle:         var(--mi-neutral-500);
    --mi-fg-on-inverse:     var(--mi-neutral-50);
    --mi-fg-accent:         var(--mi-c-orange);

    --mi-border-default:    rgba(3, 0, 0, 0.16);
    --mi-border-strong:     rgba(3, 0, 0, 0.32);
  }
}