/* STEUERPULT 2 -- die Token (Vertrag P2-7, 2026-09-20; seit P2-44.2.18,
   2026-09-28, Aussehen B "Stellpult": Felder auf dunklem Rahmen, Lampen,
   Barlow statt Instrument Sans; gewaehlt vom User nach den Demos).
   Schrift und Farben in EINER Datei, oeffentlich, weil die Anmeldeseite sie
   vor der Sitzung braucht (P2-4.4: pult.css bleibt hinter der Schranke).
   Spec: docs/superpowers/specs/2026-09-20-steuerpult-2-design.md §5.
   Dunkel ist die Grundstellung, hell die Abweichung nach Systemschema.
   Kontraste gerechnet (WCAG), stehen als Zahl an jedem Token. */

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/barlow-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/barlow-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/barlow-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/barlow-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/barlow-semi-condensed-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/barlow-semi-condensed-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: dark light;
  /* ---- Farben, dunkel (Grundstellung) ---- */
  --p-grund: #101412;          /* der Rahmen des Stellpults; Schrift darauf 15,26:1 */
  --p-block: #1F2622;          /* ein Feld; Schrift 12,70:1, Nebentext 6,81:1 */
  --p-kante: #333D38;          /* Haarlinie zwischen Zeilen; Taste leise */
  --p-tief: #171C19;           /* Feld im Feld, Streifen; Schrift 14,18:1 */
  --p-leiste: #0A0D0B;         /* P2-44.2.20: the bar is a solid strip of the desk, in both schemes */
  --p-auf-leiste: #E6EAE4;     /* 16,05:1 auf der Leiste */
  --p-auf-leiste-neben: #A3AFA8; /* 8,70:1 auf der Leiste */
  --p-schrift: #E6EAE4;
  --p-neben: #A3AFA8;          /* 6,81:1 auf Block, 8,18:1 auf Grund, 7,61:1 auf Tief */
  --p-bernstein: #F2C230;      /* die gelbe Lampe; heisst nur: wartet auf dich */
  --p-auf-bernstein: #1C221F;  /* 9,66:1 auf Bernstein */
  --p-bernstein-text: #F2C230; /* 9,23:1 auf Block, 11,08:1 auf Grund */
  --p-rot: #F08A78;            /* 6,34:1 auf Block, 4,62:1 auf Kante; heisst nur: stoppt oder gestoert */
  --p-gut: #5CC58A;            /* die gruene Lampe: laeuft; 7,22:1 auf Block */
  --p-gleis: #C9D1CB;          /* Gleis und Rand der Lampen; 9,91:1 auf Block */
  --p-fokus: #F2C230;
  --p-taste: #E6EAE4;          /* erste Handlung: hell auf dunkel; Schrift darauf 13,29:1 */
  --p-auf-taste: #1C221F;
  /* ---- Masse: 8-px-Raster, in rem (P2-17, apple-design §15): die Seite
       folgt der Textgroesse des Telefons; 1rem = 16px in der Vorgabe ---- */
  --p-rand: 1rem;
  --p-block-innen: 1rem;
  --p-block-zu-block: .75rem;
  --p-zeile: .75rem;
  --p-r-block: .5rem;          /* P2-44.2.20: a field of the Stellpult, not a card */
  --p-r-taste: .5rem;          /* a push button */
  --p-wisch: 7rem;    /* P2-15: how far a swiped project row slides */
  --p-r-kachel: 1rem;
  --p-tap: 3rem;
  --p-leiste-hoch: 64px;     /* the bar, px like its label and icon: 8 + 48 + 8 */
  --p-tap-klein: 2.75rem;       /* ui-ux-pro-max: nie unter 44 */
  --p-icon: 1.5rem;
  --p-icon-s: 1.25rem;
  --p-seite: 13rem;            /* P2-44.2.21: the side bar from 56.25em (900 px at 16 px) */
  /* ---- Schrift: eine Familie, sechs Groessen (28/20/17/15/13/10.5 px bei 16) ---- */
  --p-font: "Barlow", -apple-system, "Segoe UI", system-ui, sans-serif;
  --p-font-kopf: "Barlow Semi Condensed", "Barlow", -apple-system, "Segoe UI", system-ui, sans-serif; /* Titel, Blockkoepfe, Tasten */
  --p-t-titel: 1.75rem;
  --p-t-block: 1.25rem;
  --p-t-grund: 1.0625rem;
  --p-t-neben: .9375rem;
  --p-t-klein: .8125rem;
  --p-t-leiste: 10.5px;      /* px on purpose: an iOS tab bar does not scale with the text size (P2-17) */
  /* ---- Bewegung: nur als Antwort auf einen Tipp ---- */
  --p-druck: 80ms;
  --p-klapp: 180ms;
  --p-ease: cubic-bezier(.23, 1, .32, 1);
}
@media (prefers-color-scheme: light) {
  :root {
    --p-grund: #C9CFC8;          /* der Rahmen, hellgrau-gruen wie ein Stelltisch; Schrift 10,20:1 */
    --p-block: #E4E8E1;          /* ein Feld; Schrift 13,04:1, Nebentext 6,58:1 */
    --p-kante: #B5BDB4;
    --p-tief: #D6DBD3;           /* Schrift 11,50:1 */
    --p-leiste: #1C221F;         /* dunkel auch im hellen Schema, wie der Stelltisch */
    --p-auf-leiste: #E4E8E1;     /* 13,04:1 */
    --p-auf-leiste-neben: #A3AFA8; /* 6,99:1 */
    --p-schrift: #1C221F;
    --p-neben: #46524C;          /* 6,58:1 auf Block, 5,15:1 auf Grund, 5,81:1 auf Tief */
    --p-bernstein: #F2C230;      /* dieselbe Lampe, dunkle Schrift darauf 9,66:1 */
    --p-auf-bernstein: #1C221F;
    --p-bernstein-text: #634800; /* 6,89:1 auf Block, 5,39:1 auf Grund */
    --p-rot: #80261B;            /* 7,66:1 auf Block, 4,93:1 auf Kante, 5,99:1 auf Grund */
    --p-gut: #155C37;            /* 6,47:1 auf Block, 5,06:1 auf Grund */
    --p-gleis: #1C221F;          /* 13,04:1 auf Block */
    --p-fokus: #634800;
    --p-taste: #1C221F;          /* Schrift darauf 13,04:1 */
    --p-auf-taste: #E4E8E1;
  }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* P2-43 (fourth round) gave the channel page and the production board a
   graphite surface in both schemes. Taken back 2026-09-28 (P2-44.2.20, the
   owner's word "anpassen"): they follow the Stellpult like every other screen;
   only the monospace for labels stays. */
.k-studio {
  --k-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;
}