/*
 * Cosuite-Farbtokens 1.0.0
 *
 * Gemeinsame Farbpalette für cochat, cotasks und coboard (nur Dark Mode).
 * Kanonische Quelle ist diese Datei in coboard.eu (packages/cosuite-tokens).
 * Die anderen Apps übernehmen sie unverändert als Kopie und mappen ihre
 * eigenen Variablen darauf; Laufzeitimporte aus Nachbar-Checkouts gibt es
 * nicht. Regeln und Mapping-Tabellen: README.md im selben Ordner.
 *
 * Änderungen nur hier, mit neuer Versionsnummer, und danach in jede App
 * kopieren. Die Kontrastprüfung liegt in src/tokens.test.ts.
 */
:root {
  /* Flächen, von dunkel nach hell. */
  --co-sidebar: #111216;
  --co-app: #141519;
  --co-panel: #1c1d23;
  --co-raised: #25262e;
  --co-hover: #2a2b33;

  /* Linien. */
  --co-border-subtle: #1f2027;
  --co-border: #292a32;
  --co-border-strong: #3a3b45;

  /* Schrift, von stark nach schwach. faint erreicht AA nur auf app und panel,
     disabled ist nur für deaktivierte Elemente und Dekor. */
  --co-text: #eeeef2;
  --co-text-secondary: #c5c6cf;
  --co-text-muted: #a0a2af;
  --co-text-faint: #858895;
  --co-text-disabled: #6e7080;

  /* Akzent: Interaktion, Auswahl und Fokus, in allen Apps gleich. */
  --co-accent: #ffcc00;
  --co-accent-strong: #ffe066;
  --co-selected: #3d3300;
  --co-highlight: #4a3a0a;

  /* Schrift und Symbole auf jeder gefüllten Fläche: Akzent und Status. */
  --co-on-fill: #141519;

  /* Status: Text und Symbol, getönte Fläche, Rahmen auf der Fläche. */
  --co-success: #99cdb4;
  --co-success-bg: #1b2a22;
  --co-success-line: #2f4a3c;
  --co-warning: #e8b36f;
  --co-warning-bg: #2c2216;
  --co-warning-line: #5a4220;
  --co-danger: #ffabb7;
  --co-danger-fill: #e08a8a;
  --co-danger-bg: #2e1a1d;
  --co-danger-line: #5c2a31;

  /* Produktfarben: nur Logo, Favicon und App-Umschalter, nie für Zustände. */
  --co-product-cochat: #ffcc00;
  --co-product-cotasks: #99cdb4;
  --co-product-coboard: #8e95ff;

  /* Inhaltsfarben: Labels, Teams und Markierungen, keine UI-Zustände. */
  --co-content-yellow: #c9b23f;
  --co-content-orange: #d1793d;
  --co-content-red: #d46a66;
  --co-content-pink: #d783a7;
  --co-content-purple: #9a8bdf;
  --co-content-blue: #729de0;
  --co-content-green: #62ad83;
  --co-content-gray: #a0a2af;
}