/**
 * andfrank swipe — Farben dieser Instanz.
 *
 * Wird in app.blade.php nach app.css geladen und überschreibt deren Token-Block.
 * Quelle der Werte: app/globals.css von andfrank-swipe.com. Die OKLch-Werte des
 * Handbuchs sind über ein Canvas in sRGB umgerechnet, nicht geschätzt.
 *
 *   Grund        #050505   Flächen      #0c0c0d   Schrift  #f2f2f0
 *   Akzent grün  #68e371 (oklch 0.82 0.19 145)
 *
 * Halbtransparente Werte des Handbuchs (Schrift 55 %, Linien 8 %) sind hier auf
 * dem Grund ausgerechnet und stehen deckend, weil das Token-Format keinen
 * Alphakanal führt.
 */
:root {
    /* Native Bedienelemente - Auswahllisten, Bildlaufleisten, Datumsfelder - malt der
       Browser selbst. Ohne diese Zeile bleiben sie hell, waehrend die Schrift die helle
       Themefarbe erbt: weiss auf weiss in jeder Auswahlliste. */
    color-scheme: dark;

    --background: 0 0% 2%;              /* #050505 */
    --foreground: 60 7.1% 94.5%;        /* #f2f2f0 */

    --card: 240 4% 4.9%;                /* #0c0c0d — erhöhte Fläche */
    --card-foreground: 60 7.1% 94.5%;
    --popover: 240 4% 4.9%;
    --popover-foreground: 60 7.1% 94.5%;

    /* Akzent: Schaltflächen tragen dunkle Schrift auf Grün, wie im Handbuch */
    --primary: 124.4 68.7% 64.9%;       /* #68e371 */
    --primary-foreground: 0 0% 2%;      /* #050505 */

    --secondary: 240 4% 4.9%;
    --secondary-foreground: 60 7.1% 94.5%;

    --muted: 0 0% 7.1%;                 /* #121212 */
    --muted-foreground: 60 1% 53%;      /* Schrift 55 % auf dem Grund */

    --accent: 124.4 68.7% 64.9%;
    --accent-foreground: 0 0% 2%;

    /* Bewusst heller als der Handbuchwert #e7000b: als Text auf dunklem Grund ist das
       Original zu dunkel, das Abzeichen "Geloescht" war deutlich schwaecher als die
       anderen beiden. Gleicher Farbton, mehr Helligkeit. */
    --destructive: 357.1 100% 62%;
    --destructive-foreground: 60 7.1% 94.5%;

    /* Statusabzeichen: der Grund traegt Alpha, die Schrift muss auf dem
       dunklen Untergrund hell sein - sonst verschwindet sie im Schleier. */
    --success: 142 71% 45%;
    --success-foreground: 142 60% 70%;
    --warning: 45 93% 47%;
    --warning-foreground: 45 80% 68%;

    --border: 0 0% 10%;                 /* Linie 8 % auf dem Grund */
    --input: 0 0% 10%;
    --ring: 124.4 68.7% 64.9%;

    --brand-bright: 115 93.5% 69.6%;    /* #75fa69 */
    --brand-deep: 134.8 54.2% 35.1%;    /* #298a41 */

    --sidebar-background: 240 4% 4.9%;
    --sidebar-foreground: 60 7.1% 94.5%;
    --sidebar-primary: 124.4 68.7% 64.9%;
    --sidebar-primary-foreground: 0 0% 2%;
    --sidebar-accent: 0 0% 7.1%;
    --sidebar-accent-foreground: 60 7.1% 94.5%;
    --sidebar-border: 0 0% 10%;
    --sidebar-ring: 124.4 68.7% 64.9%;
}