/* clevie-stammdaten — Design Tokens
 *
 * Dark admin theme, Clevie-Grün als Akzent.
 * Wird vor app.css geladen. Alle Custom Properties hier, Component-
 * Styles in app.css.
 */

:root {
  /* Surfaces */
  --bg:         #0b0b0f;
  --bg-elev:    #14141b;
  --bg-card:    #1a1a23;
  --bg-input:   #11111a;
  --border:     #2a2a37;
  --border-hi:  #3a3a4a;

  /* Text */
  --text:       #e8e8ef;
  --text-dim:   #9090a0;
  --text-mute:  #6b6b7a;

  /* Accent = Clevie-Grün */
  --accent:     #72ff70;
  --accent-h:   #a8ffa6;   /* 20% heller für Hover */
  --accent-ink: #0b0b0f;   /* Text auf Accent-Flächen */

  /* Status */
  --danger:     #ff6b6b;
  --danger-bg:  #2a1414;
  --warning:    #f5b14c;
  --warning-bg: #2a1f0f;
  --success:    #7cdc9a;
  --success-bg: #0f2a18;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Radius */
  --r-sm:   4px;
  --r:      8px;
  --r-lg:   12px;

  /* Typo */
  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs:   11px;
  --fs-sm:   13px;
  --fs-md:   14px;
  --fs-lg:   16px;
  --fs-xl:   20px;
  --fs-2xl:  28px;

  /* Layout */
  --sidebar-w: 240px;
  --header-h:  64px;
}