/* Ospella — tokens.css
   Einzige Datei mit Hexwerten (§6.1, §6.6, Leitfaden-Gate G1).
   Abweichungen vom Leitfaden sind mit MESSUNG markiert und in
   docs/kontraste.md begruendet. Regel dafuer steht im Leitfaden §6.1:
   bei Unterschreitung wird die Farbe abgedunkelt, nicht die Schrift vergroessert. */

:root {
  color-scheme: light dark;

  /* --- Markenfarben, §6.1 --- */
  --pot: #3F5B45;
  --pot-deep: #26382C;
  --pot-soft: #5C7A62;
  --broth: #CBD8BB;
  --broth-pale: #E4EBD9;
  --wood: #C9A57A;
  --wood-soft: #E3CDAB;
  --wood-pale: #F0E3CE;
  --cream: #F7F2E8;
  --porcelain: #FFFCF6;
  --ember: #E2854A;
  --brick: #B4472F;
  --brick-pale: #FAEEEA;
  --ink: #2A322B;
  /* MESSUNG: Leitfaden nennt #6E7A6F -> 3,99:1 auf --cream, faellt durch (AA 4,5).
     Abgedunkelt auf 4,93:1. */
  --ink-soft: #616B62;

  /* --- Rollen (alles Uebrige referenziert nur noch diese) --- */
  --flaeche-grund: var(--cream);
  --flaeche-karte: var(--porcelain);
  --flaeche-tisch: var(--pot);
  --flaeche-ruhig: var(--broth-pale);
  --text: var(--ink);
  --text-leise: var(--ink-soft);
  --text-auf-gruen: var(--broth-pale);
  --linie-karte: var(--wood-soft);
  --linie-trenner: var(--wood-pale);
  --linie-auf-gruen: rgba(203, 216, 187, .22);
  /* MESSUNG: --wood-soft misst 1,51:1 auf --porcelain. Als Rand einer Karte ist
     das Zierde, als Rand eines Eingabefelds ist es der Umriss eines
     Bedienelements und braucht 3:1 (§18). Deshalb eine eigene Stufe: 3,53:1. */
  --linie-feld: #A87F4E;

  /* MESSUNG: --wood #C9A57A misst 2,04:1 auf --cream. Als Rubrikschrift und
     als bedeutungstragender Umriss faellt das durch. Drei Stufen statt einer: */
  --holz: var(--wood);            /* reine Flaeche, traegt keine Bedeutung */
  --holz-linie: #A87F4E;          /* 3,21:1 — gestrichelter freier Platz, Raender */
  --holz-text: #876539;           /* 4,75:1 — Rubriken, Schrittzahlen */

  --gruen-text: var(--pot);
  --gruen-linie: var(--pot-soft);

  --akzent: var(--ember);         /* Schlusspunkt, gewaehltes Gedeck (nie allein bedeutungstragend) */
  /* MESSUNG: --ember 2,45:1 auf --cream. Wo der Akzent allein einen Zustand
     anzeigt (Hinweispunkt, offener Posten), gilt die dunklere Stufe: 3,23:1. */
  --akzent-stark: #C96E37;

  --warn: var(--brick);           /* Stempel, Deck-Knopf, grosse Elemente */
  --warn-text: var(--brick);      /* kleiner Text — hell 5,24:1 */
  --warn-flaeche: var(--brick-pale);

  /* --- Gerichtstoenungen, §6.1 --- */
  --ton-kraut-flaeche: #CBD8BB;   --ton-kraut-buchstabe: #3F5B45;   /* 5,04:1 */
  --ton-teig-flaeche: #EDDCC0;    --ton-teig-buchstabe: #8A6A3E;    /* 3,71:1 */
  --ton-paprika-flaeche: #F2D6C9; --ton-paprika-buchstabe: #9C4A31; /* 4,41:1 */
  --ton-rauch-flaeche: #DDD8CC;   --ton-rauch-buchstabe: #4A4E45;   /* 5,98:1 */

  /* --- Typografie, §6.2 — alle Groessen in rem auf Basis 16 (§18 Dynamic Type) --- */
  --schrift-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --schrift-ui: "Karla", "Helvetica Neue", Arial, sans-serif;

  --gr-buchstabe: 2.875rem;   --zh-buchstabe: 1;
  --gr-titel: 1.875rem;       --zh-titel: 1.12;
  --gr-gericht: 1.6875rem;    --zh-gericht: 1.15;
  --gr-portion: 1.5625rem;    --zh-portion: 1;
  --gr-rubrik: 1.3125rem;     --zh-rubrik: 1.2;
  --gr-listentitel: 1.1875rem;--zh-listentitel: 1.2;
  --gr-flies: 0.90625rem;     --zh-flies: 1.62;
  --gr-bedien: 0.875rem;      --zh-bedien: 1.4;
  --gr-neben: 0.78125rem;     --zh-neben: 1.5;
  --gr-marker: 0.6875rem;     --zh-marker: 1.3;

  /* --- Raster und Abstaende, §6.3 --- */
  --rand-seite: 20px;
  --takt-1: 11px;
  --takt-2: 22px;
  --takt-3: 33px;
  --spalte-max: 430px;

  /* --- Radien nach Bedeutung, §6.3 --- */
  --r-tischkarte: 20px;
  --r-karte: 16px;
  --r-bedien: 14px;
  --r-bildflaeche: 13px;
  --r-pille: 20px;
  --r-zelle: 8px;
  --r-kaestchen: 6px;
  --r-rund: 50%;

  /* --- Motion, §6.5 --- */
  --d-screen: 220ms;
  --d-teller: 160ms;
  --d-kaestchen: 150ms;
  --d-balken: 300ms;
  --d-federn: 280ms;
  --d-flug: 340ms;
  --d-zeile: 180ms;
  --d-hover: 160ms;
  --k-federn: cubic-bezier(.22, .9, .3, 1);
}

/* --- Dunkelmodus, §6.6 --- */
@media (prefers-color-scheme: dark) {
  :root:not([data-modus="hell"]) { color-scheme: dark; }
  :root:not([data-modus="hell"]) {
    --flaeche-grund: #26382C;
    --flaeche-karte: #31453A;
    --flaeche-tisch: #4A6A51;
    --flaeche-ruhig: #3B5044;
    --text: #EFEADC;
    --text-leise: #A3B3A4;
    --text-auf-gruen: #EFEADC;
    --linie-karte: #4B6151;
    --linie-trenner: #3B5044;

    --linie-feld: #7A9686;   /* 3,20:1 auf der dunklen Karte */
    --holz: #C9A57A;
    --holz-linie: #C9A57A;   /* 5,43:1 auf dunklem Grund — Leitfaden: Holz bleibt */
    --holz-text: #CEAC84;    /* 4,83:1 auf der Karte; #C9A57A verfehlt 4,5 knapp */

    --gruen-text: #A8C3AE;
    --gruen-linie: #7FA087;

    --akzent: #EE9A62;
    --akzent-stark: #EE9A62;  /* 5,60:1 — im Dunkeln reicht der Markenton */

    --warn: #D4674D;
    --warn-text: #F0A08E;     /* 4,95:1 auf der dunklen Karte */
    --warn-flaeche: #4A2A22;

    /* Toenungen: Flaeche 22 % abgedunkelt (Leitfaden), Buchstabe 30 % ABgedunkelt
       statt aufgehellt — die Leitfadenfassung misst 1,45:1 und faellt durch. */
    --ton-kraut-flaeche: #9EA892;   --ton-kraut-buchstabe: #2C4030;   /* 4,50:1 */
    --ton-teig-flaeche: #B9AC96;    --ton-teig-buchstabe: #614A2B;    /* 3,73:1 */
    --ton-paprika-flaeche: #BDA79D; --ton-paprika-buchstabe: #6D3422; /* 4,24:1 */
    --ton-rauch-flaeche: #ACA89F;   --ton-rauch-buchstabe: #343730;   /* 5,11:1 */
  }
}

/* Manueller Schalter unter deins (§6.6) — ueberschreibt die Systemwahl. */
:root[data-modus="dunkel"] {
  color-scheme: dark;
  --flaeche-grund: #26382C;
  --flaeche-karte: #31453A;
  --flaeche-tisch: #4A6A51;
  --flaeche-ruhig: #3B5044;
  --text: #EFEADC;
  --text-leise: #A3B3A4;
  --text-auf-gruen: #EFEADC;
  --linie-karte: #4B6151;
  --linie-trenner: #3B5044;
  --linie-feld: #7A9686;
  --holz: #C9A57A;
  --holz-linie: #C9A57A;
  --holz-text: #CEAC84;
  --gruen-text: #A8C3AE;
  --gruen-linie: #7FA087;
  --akzent: #EE9A62;
  --akzent-stark: #EE9A62;
  --warn: #D4674D;
  --warn-text: #F0A08E;
  --warn-flaeche: #4A2A22;
  --ton-kraut-flaeche: #9EA892;   --ton-kraut-buchstabe: #2C4030;
  --ton-teig-flaeche: #B9AC96;    --ton-teig-buchstabe: #614A2B;
  --ton-paprika-flaeche: #BDA79D; --ton-paprika-buchstabe: #6D3422;
  --ton-rauch-flaeche: #ACA89F;   --ton-rauch-buchstabe: #343730;
}