/* ERZEUGT von /opt/ai/bin/marken-verteilen.py — NICHT HIER BEARBEITEN.
 * Quelle: /opt/shared-brand/{tokens,firmx}.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 — firmx.css
 * Quelle: https://firmx.de :root Block (extrahiert 2026-05-31)
 * Akzent: Teal + Gold. Apps: FirmX-Website, BelegX-App.
 */
:root {
  --teal:        #0D9488;
  --teal-light:  #14B8A6;
  --teal-dark:   #0F766E;
  --teal-glow:   rgba(13, 148, 136, 0.15);
  --teal-soft:   rgba(13, 148, 136, 0.08);
  --teal-line:   rgba(13, 148, 136, 0.18);

  --gold:        #CBAB57;
  --gold-light:  #E6CB79;
  --gold-dark:   #986D27;
  --gold-gradient: linear-gradient(90deg, transparent 0%, #986D27 18%, #CBAB57 50%, #E6CB79 82%, transparent 100%);

  --amber: #F59E0B;
  --red:   #EF4444;

  --bg:   #0B0F14;
  --bg2:  #0F1319;
  --bg3:  #141920;

  --surface:       rgba(255,255,255,0.03);
  --surface-hover: rgba(255,255,255,0.06);
  --border:        rgba(255,255,255,0.06);
  --border-hover:  rgba(255,255,255,0.12);

  --text:         #c8ccd4;
  --text-light:   #6b7280;
  --text-heading: #f0f2f5;
}