/* ------------------------------------------------------------------
   Erscheinungsbild des Mandanten OKTAGON — die Farben der Stapel-App.

   Die Anwendung, um die es auf diesem Board geht, benutzt die
   System-Farben von Apple. Damit das Board nicht wie ein fremdes
   Werkzeug daneben steht, werden hier dieselben Werte gesetzt.

   Angefasst werden ausschliesslich die Farb-Token aus static/src/input.css,
   und das nur unterhalb von [data-tenant="oktagon"]. Die anderen Mandanten
   sehen davon nichts, und es braucht keinen Tailwind-Build: die Klassen
   existieren schon, nur die Werte dahinter aendern sich.

   Werte in RGB-Tripeln ohne Komma -- so erwartet es Tailwind hier, damit
   sich Alpha anhaengen laesst (bg-surface/60).

   Abbildung Stapel -> Board:
     Akzent  #007AFF  -> clay     (im Board die Akzentfarbe)
     Gruen   #1B7F35  -> sage     (erledigt)
     Orange  #A35F00  -> amber    (faellig)
     Rot     #B3241B  -> rust     (dringend)
   Fuer die drei Statusfarben stehen bewusst die dunkleren "ink"-Varianten
   aus Stapel: Das Board benutzt diese Token ueberwiegend als Textfarbe auf
   dem hellen Pendant (text-sage auf bg-sage-soft). Mit #34C759 waere das
   nicht mehr lesbar. Im Dunkelmodus kehrt sich das um -- dort sind es die
   hellen Varianten, genau wie in der App.
   ------------------------------------------------------------------ */

html[data-tenant="oktagon"] {
  --c-ground:     245 245 247;   /* #F5F5F7 */
  --c-band:       242 242 247;   /* #F2F2F7 */
  --c-surface:    255 255 255;   /* #FFFFFF */
  --c-sunk:       242 242 247;   /* #F2F2F7 */
  --c-line:       210 210 215;   /* #D2D2D7 */
  --c-ink:         29  29  31;   /* #1D1D1F */
  --c-ink-mid:     72  72  74;   /* #48484A */
  --c-ink-muted:  110 110 115;   /* #6E6E73 */
  --c-ink-faint:  134 134 139;   /* #86868B */
  --c-clay:         0 122 255;   /* #007AFF */
  --c-clay-soft:  229 240 255;   /* #E5F0FF */
  --c-sage:        27 127  53;   /* #1B7F35 */
  --c-sage-soft:  227 247 232;
  --c-amber:      163  95   0;   /* #A35F00 */
  --c-amber-soft: 255 242 220;
  --c-rust:       179  36  27;   /* #B3241B */
  --c-rust-soft:  255 229 227;
  --c-shadow:       0   0   0;
}

html.dark[data-tenant="oktagon"] {
  --c-ground:       0   0   0;   /* #000000 */
  --c-band:        28  28  30;   /* #1C1C1E */
  --c-surface:     28  28  30;   /* #1C1C1E */
  --c-sunk:        44  44  46;   /* #2C2C2E */
  --c-line:        56  56  58;   /* #38383A */
  --c-ink:        245 245 247;   /* #F5F5F7 */
  --c-ink-mid:    174 174 178;   /* #AEAEB2 */
  --c-ink-muted:  152 152 157;   /* #98989D */
  --c-ink-faint:  110 110 115;   /* #6E6E73 */
  --c-clay:        10 132 255;   /* #0A84FF */
  --c-clay-soft:   10  42  79;   /* #0A2A4F */
  --c-sage:        92 224 124;   /* #5CE07C */
  --c-sage-soft:   22  48  29;
  --c-amber:      255 196  77;   /* #FFC44D */
  --c-amber-soft:  58  46  18;
  --c-rust:       255 128 120;   /* #FF8078 */
  --c-rust-soft:   61  31  29;
  --c-shadow:       0   0   0;
}

/* Ueberschriften: Stapel ist eine Apple-Oberflaeche und benutzt die
   Systemschrift. Die Newsreader-Serife der anderen Boards wirkt daneben
   wie ein zweites Produkt. Nur die Anzeigeschrift, der Fliesstext bleibt.
   Wer die Serife zurueck will, loescht diesen Block. */
html[data-tenant="oktagon"] .font-display {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display',
               'Segoe UI', system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Der Akzent traegt hier weisse Schrift (blau statt Ton). Die Regel aus
   app.css setzt bereits text-white -- bleibt so; hier steht nur die
   Abdunkelung beim Ueberfahren, die bei Blau zu flau ausfaellt. */
html[data-tenant="oktagon"] .btn-primary:hover {
  filter: brightness(1.08);
}