/* ERZEUGT von /opt/ai/bin/marken-verteilen.py — NICHT HIER BEARBEITEN.
 * Quelle: /opt/shared-brand/{tokens,crocity}.css
 * Stand: 2026-08-08 07:23
 * Aenderungen gehoeren ins Paket, dann dieses Werkzeug erneut laufen lassen.
 */
/* @crocity/shared-brand — tokens.css
 * Generic defaults + FirmX als Standard (weil BelegX = FirmX-App importiert nur diese).
 * Apps für MyCleanX oder EntruempelX importieren zusätzlich shared-brand/<firma>.css.
 */
:root {
  /* Typo */
  --crocity-font-sans:    'Karla', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --crocity-font-display: 'Rubik', system-ui, -apple-system, sans-serif;
  --crocity-font-mono:    ui-monospace, "SF Mono", "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;

  /* Spacing / Radii */
  --crocity-radius-sm:   8px;
  --crocity-radius:      16px;
  --crocity-radius-full: 999px;

  /* Motion */
  --crocity-motion-fast:   150ms ease;
  --crocity-motion-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --crocity-motion-slow:   400ms ease;
}

/* @crocity/shared-brand — crocity.css
 * Quelle: /opt/crocity/site/index.html :root-Block (extrahiert 2026-08-08)
 * Akzent: Cyan wie MyCleanX/EntruempelX, dazu drei Bereichsfarben.
 *
 * NACHZUEGLER: Die drei anderen Marken kamen am 31.05.2026 ins Paket, CroCity nicht —
 * die Website stand seither als einzige ausserhalb (18 eigene Variablen, null
 * Ueberschneidung mit dem Paket). Gemessen mit /opt/ai/bin/marken-abgleich.py.
 *
 * Die Grundfarben sind mit mycleanx.css identisch. Bewusst NICHT zusammengelegt:
 * eine gemeinsame Datei wuerde die Marken aneinanderketten, und dann aendert man
 * MyCleanX und trifft ungewollt CroCity. Doppelte Werte sind hier billiger als eine
 * unsichtbare Kopplung.
 */
:root {
  --blue:      #2FC1FF;
  --blue-dark: #08ACF2;
  --blue-glow: rgba(47, 193, 255, 0.15);

  --dark:     #0a0c10;
  --dark2:    #101218;
  --dark3:    #181b22;
  --surface:  #13151c;
  --surface2: #1a1d26;

  --white: #ffffff;
  --gray:  #F3F6F6;

  --text:       #c8ccd4;
  --text-light: #6b7280;
  --text-white: #f0f2f5;

  /* Bereichsfarben der Startseite — Reinigung, Entruempelung, Immobilien */
  --green:  #34D399;
  --orange: #FB923C;
  --purple: #A78BFA;

  --radius:     16px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}