/* fairbinden – gemeinsame Farb-Tokens (Hellmodus, darunter Dunkelmodus der Plattform). Maßgeblich: Guidelines „3.2 · Farb-Tokens“.
   Boards verwenden var(--token, #Ersatzwert). Ändert sich ein Wert hier, ändert er sich in allen angebundenen Boards.
   Markenfarben aus dem Logo: Salbei #A7B8A8 und Terrakotta #D87C5A – daraus abgeleitet je eine Skala. */
:root{
  /* Skala Salbei */
  --fb-salbei-50:#F2F5F2;
  --fb-salbei-100:#DFE7DF;
  --fb-salbei-300:#A7B8A8;
  --fb-salbei-600:#4A644B;
  --fb-salbei-700:#39513B;
  --fb-salbei-800:#2C3F2D;
  /* Skala Terrakotta */
  --fb-terrakotta-50:#FAF0ED;
  --fb-terrakotta-100:#F3D8CE;
  --fb-terrakotta-400:#D87C5A;
  --fb-terrakotta-600:#A65030;
  --fb-terrakotta-700:#864127;
  /* Neutral (Sand) */
  --fb-bg:#F7F1E8;
  --fb-surface:#FFFFFF;
  --fb-surface-sunken:#FBF8F3;
  --fb-fill:#EFE8DC;
  --fb-hover:#EFE8DC;
  --fb-active:#E5DCCD;
  --fb-line:#DED6C9;
  --fb-line-strong:#CFCAC0;
  --fb-field-border:#958D84;
  --fb-text:#3B3531;
  --fb-text-2:#554D47;
  --fb-text-disabled:#8F877F;
  --fb-on-primary:#FFFFFF;
  /* Marke und System */
  --fb-salbei:#A7B8A8;
  --fb-terrakotta:#D87C5A;
  --fb-akzent-text:#A65030;
  --fb-primary:#4A644B;
  --fb-primary-hover:#39513B;
  --fb-link:#4A644B;
  /* Status */
  --fb-info-bg:#EFE8DC;
  --fb-info-fg:#554D47;
  --fb-success-bg:#DFE7DF;
  --fb-success-fg:#39513B;
  --fb-trust-bg:#DFE7DF;
  --fb-trust-fg:#39513B;
  --fb-warn-bg:#FBEFD9;
  --fb-warn-fg:#7A5418;
  --fb-warn-box:#FFF9EF;
  --fb-warn-line:#F0E3C8;
  --fb-error-bg:#F6DEDA;
  --fb-error-fg:#A63A2F;
  --fb-danger:#A63A2F;
  --fb-danger-hover:#8E3026;
  --fb-badge:#A63A2F;
  /* Rollen */
  --fb-role-pi-bg:#ECDFE7;
  --fb-role-pi-fg:#6B4863;
  --fb-role-fg-bg:#EFDDD3;
  --fb-role-fg-fg:#7A4A32;
  --fb-role-rp-bg:#DDE3E4;
  --fb-role-rp-fg:#3E5661;
  /* Daten */
  --fb-data-1:#4A644B;
  --fb-data-2:#D87C5A;
  --fb-data-3:#A7B8A8;
  --fb-data-4:#C9C3B8;
  --fb-data-track:#E9E0D2;
}

/* Dunkelmodus – nur Plattform. Die Plattform setzt data-theme am html-Element („Konto & Einstellungen“ › Darstellung). Website bleibt hell.
   Gefüllte Flächen (Hauptbutton, Gefahr, Zähler) werden hell mit dunkler Schrift. Alle Textpaare mind. 4,5 : 1. */
html[data-theme="dark"]{
  color-scheme:dark;
  --fb-salbei-50:#242B24;
  --fb-salbei-100:#2E4535;
  --fb-salbei-300:#6F8A70;
  --fb-salbei-600:#A9C2AA;
  --fb-salbei-700:#CFE3D3;
  --fb-salbei-800:#E4EEE5;
  --fb-terrakotta-50:#2E2420;
  --fb-terrakotta-100:#45302A;
  --fb-terrakotta-400:#D87C5A;
  --fb-terrakotta-600:#A65030;
  --fb-terrakotta-700:#F0C2AE;
  --fb-bg:#1F1B18;
  --fb-surface:#2B2622;
  --fb-surface-sunken:#24201C;
  --fb-fill:#3A332E;
  --fb-hover:#3A332E;
  --fb-active:#46403A;
  --fb-line:#3D3631;
  --fb-line-strong:#4A423C;
  --fb-field-border:#857B71;
  --fb-text:#F3EDE4;
  --fb-text-2:#C9BFB2;
  --fb-text-disabled:#A69C91;
  --fb-on-primary:#1F1B18;
  --fb-salbei:#A7B8A8;
  --fb-terrakotta:#D87C5A;
  --fb-akzent-text:#E39A7C;
  --fb-primary:#A9C2AA;
  --fb-primary-hover:#BCD1BD;
  --fb-link:#A9C2AA;
  --fb-info-bg:#3A332E;
  --fb-info-fg:#C9BFB2;
  --fb-success-bg:#2E4535;
  --fb-success-fg:#CFE3D3;
  --fb-trust-bg:#2E4535;
  --fb-trust-fg:#CFE3D3;
  --fb-warn-bg:#44351C;
  --fb-warn-fg:#F0C97F;
  --fb-warn-box:#3A2F1E;
  --fb-warn-line:#5A4A2C;
  --fb-error-bg:#4A2A26;
  --fb-error-fg:#F2B8AE;
  --fb-danger:#E58A7E;
  --fb-danger-hover:#EFA398;
  --fb-badge:#E58A7E;
  --fb-role-pi-bg:#3E2E3A;
  --fb-role-pi-fg:#E5C6DA;
  --fb-role-fg-bg:#45302A;
  --fb-role-fg-fg:#E3C3B1;
  --fb-role-rp-bg:#2C3A40;
  --fb-role-rp-fg:#C2D3DA;
  --fb-data-1:#A9C2AA;
  --fb-data-2:#E39A7C;
  --fb-data-3:#6F8A70;
  --fb-data-4:#8A8076;
  --fb-data-track:#3D3631;
}