/* energieteam24 Communication Dashboard – Design-Tokens
   Theme-aware: hell/dunkel über prefers-color-scheme, überschreibbar per
   :root[data-theme="dark"] / [data-theme="light"] (Topbar-Umschalter). */

:root {
  /* Markenfarben (energieteam24: tiefes Petrol + warmer Kupfer-Akzent) */
  --brand:        #0E4F5C;
  --brand-600:    #12606F;
  --brand-700:    #08323B;
  --accent:       #C97B4A;
  --accent-600:   #B3673B;

  /* Flächen & Text (hell) */
  --bg:           #f4f5f8;
  --surface:      #ffffff;
  --surface-2:    #eef1f6;
  --border:       #dbe0ea;
  --text:         #1e2430;
  --text-muted:   #5a6478;
  --text-on-brand:#ffffff;

  /* Status */
  --ok:           #2e7d54;
  --warn:         #b7791f;
  --danger:       #c0392b;
  --info:         #2f6f9f;

  /* Maße */
  --radius:       10px;
  --radius-sm:    7px;
  --shadow:       0 1px 2px rgba(20,28,45,.06), 0 4px 16px rgba(20,28,45,.08);
  --shadow-lg:    0 8px 40px rgba(20,28,45,.18);
  --sidebar-w:    228px;
  --topbar-h:     58px;
  --font:         system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        #14181f;
    --surface:   #1c222c;
    --surface-2: #232b37;
    --border:    #313b4a;
    --text:      #e7ecf3;
    --text-muted:#9aa6b8;
    --brand:     #157180;
    --brand-600: #1A8496;
    --shadow:    0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.35);
    --shadow-lg: 0 10px 44px rgba(0,0,0,.5);
  }
}

:root[data-theme="dark"] {
  --bg:        #14181f;
  --surface:   #1c222c;
  --surface-2: #232b37;
  --border:    #313b4a;
  --text:      #e7ecf3;
  --text-muted:#9aa6b8;
  --brand:     #157180;
  --brand-600: #1A8496;
  --shadow:    0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.35);
  --shadow-lg: 0 10px 44px rgba(0,0,0,.5);
}