/* v16.1 "Der Systemstrang" · tokens.css
   Einzige Farbquelle der Variante. styles.css referenziert ausschliesslich diese Variablen. */

:root {
  /* Markenkerne */
  --gelb: #FFC300;
  --ink: #16181B;
  --papier: #FAF8F2;

  /* Abgeleitete Flaechen (hell) */
  --papier-tief: #F1EDE3;      /* abgesetzte Flaechen auf Papier */
  --karte: #FFFFFF;            /* Kartenflaeche auf Papier */
  --linie: #E3DED2;            /* Hairlines auf Papier */

  /* Text (hell) */
  --text: #16181B;
  --text-neben: #4A4E55;       /* Sekundaertext auf Papier, AA */

  /* Abgeleitete Flaechen (dunkle Buehne) */
  --ink-flaeche: #1C1F23;      /* Karte auf Ink */
  --ink-linie: #2E3237;        /* Hairlines auf Ink */
  --text-hell: #F4F2EC;        /* Haupttext auf Ink */
  --text-hell-neben: #B9BDC4;  /* Sekundaertext auf Ink, AA */

  /* Strang */
  --strang-kanal: #E7E1D3;     /* leerer Kanal auf Papier */
  --strang-kante: #16181B;     /* Ink-Kontur unter dem Gelb */
  --strang-medium: #FFC300;    /* der gefuellte Strang */
  --strang-strom-a: #FFE87A;   /* breite Stroemungszunge auf dem Gelb (neutral) */
  --strang-strom-b: #FFF3B8;   /* schneller, schmaler Stromfaden (neutral) */
  --maske-weiss: #FFFFFF;      /* technische Maskenfarbe (Fluss nur auf gezeichnetem Strang) */

  /* Interaktion */
  --fokus: #16181B;            /* Fokusring auf Hell */
  --schatten: 0 10px 30px rgba(22, 24, 27, 0.10);
  --schatten-klein: 0 4px 14px rgba(22, 24, 27, 0.08);
  --schatten-gelb: 0 8px 24px rgba(255, 195, 0, 0.28);
  --scrim-ink: rgba(13, 14, 16, 0.86);
  --scrim-ink-weich: rgba(13, 14, 16, 0.55);
  --scrim-ink-null: rgba(13, 14, 16, 0);
}

/* Medienkennfarben der Stroemung (Leitung bleibt Gelb, nur das Medium tintet):
   auf den Gewerkeseiten als body-Klasse, im Sechsfach-Abzweig je Ast-Gruppe.
   Signal = helle Gelb-Impulse auf gestricheltem Pfad, Plan = Blaupausen-Grau
   auf feiner Masslinie. */
.medium-waerme { --strang-strom-a: #F04E23; --strang-strom-b: #FF8A5C; }
.medium-wasser { --strang-strom-a: #4FA3DC; --strang-strom-b: #A9D3F0; }
.medium-luft   { --strang-strom-a: #DCE7EB; --strang-strom-b: #C9DBE2; }
.medium-kaelte { --strang-strom-a: #5FD0E8; --strang-strom-b: #BFEDF7; }
.medium-signal { --strang-strom-a: #FFE566; --strang-strom-b: #FFF9DC; }
.medium-plan   { --strang-strom-a: #8FA7BC; --strang-strom-b: #C3D3E2; }

/* Dunkle Buehnen-Sektionen ueberschreiben nur die Rollen-Variablen */
.buehne {
  --karte: #1C1F23;
  --linie: #2E3237;
  --text: #F4F2EC;
  --text-neben: #B9BDC4;
  --strang-kanal: #2A2E34;
  --strang-kante: #0D0E10;
  --fokus: #FFC300;
  --schatten: 0 10px 30px rgba(0, 0, 0, 0.35);
  --schatten-klein: 0 4px 14px rgba(0, 0, 0, 0.3);
}