/* ── SUTTRU Theme Overrides ──
   Einbinden auf JEDER Seite: <link rel="stylesheet" href="css/theme.css" />
   Wirkt zusammen mit js/theme.js
*/

/* ── HELL erzwingen ── */
html.theme-light,
html.theme-light *,
html.theme-light body {
  --bg: #f4f5f7 !important;
  --card-bg: #ffffff !important;
  --surface: #ffffff !important;
  --surface2: #f0f2f5 !important;
  --txt: #111827 !important;
  --muted: #6b7280 !important;
  --border: #e5e7eb !important;
  --brand-soft: #fff0f1 !important;
  --shadow: 0 1px 4px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08) !important;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06) !important;
  --shadow-md: 0 4px 12px rgba(0,0,0,.1) !important;
  color-scheme: light !important;
}

html.theme-light body {
  background: #f4f5f7 !important;
  color: #111827 !important;
}

html.theme-light .tile-icon.red    { background: #fff0f1 !important; }
html.theme-light .tile-icon.blue   { background: #eff6ff !important; }
html.theme-light .tile-icon.orange { background: #fff7ed !important; }

/* ── DUNKEL erzwingen ── */
html.theme-dark,
html.theme-dark *,
html.theme-dark body {
  --bg: #0f141a !important;
  --card-bg: #1a2030 !important;
  --surface: #1a2030 !important;
  --surface2: #232d3f !important;
  --txt: #f0f4f8 !important;
  --muted: #8898aa !important;
  --border: rgba(255,255,255,.1) !important;
  --brand-soft: rgba(230,57,70,.15) !important;
  --shadow: 0 1px 4px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.4) !important;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.3) !important;
  --shadow-md: 0 4px 12px rgba(0,0,0,.4) !important;
  color-scheme: dark !important;
}

html.theme-dark body {
  background: #0f141a !important;
  color: #f0f4f8 !important;
}

html.theme-dark .tile-icon.red    { background: rgba(230,57,70,.18) !important; }
html.theme-dark .tile-icon.blue   { background: rgba(37,99,235,.18) !important; }
html.theme-dark .tile-icon.orange { background: rgba(234,88,12,.18) !important; }