/* Tema chiaro CHS.
   Le regole specifiche della modalità assemblea sono in index.css. */

:root {
  --chs-bg: #f6f7fb;
  --chs-text: #1f2937;
  --chs-muted: #6b7280;
  --chs-card: #ffffff;
  --chs-border: #e5e7eb;
  --chs-primary: #335eea;
  --chs-danger-bg: #fee2e2;
  --chs-danger-br: #fecaca;
  --chs-danger-tx: #991b1b;
}

body.theme-chs {
  background: var(--chs-bg);
  color: var(--chs-text);
}

body.theme-chs .topbar {
  background: #fff;
  border-bottom-color: var(--chs-border);
}

body.theme-chs .topbar input,
body.theme-chs .topbar button {
  background: #fff;
  color: var(--chs-text);
  border-color: var(--chs-border);
}

body.theme-chs .accent {
  background: var(--chs-primary) !important;
  border-color: var(--chs-primary) !important;
  color: #fff !important;
}

body.theme-chs .hint {
  color: var(--chs-muted);
}

body.theme-chs .tile {
  background: var(--chs-card);
  border-color: var(--chs-border);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, .06),
    0 1px 2px rgba(0, 0, 0, .04);
}

body.theme-chs .controls {
  background: #fff;
  border-top-color: var(--chs-border);
}

body.theme-chs .controls button {
  background: #fff;
  color: var(--chs-text);
  border-color: var(--chs-border);
}

body.theme-chs .controls button.danger {
  background: var(--chs-danger-bg);
  border-color: var(--chs-danger-br);
  color: var(--chs-danger-tx);
}

body.theme-chs .sidebar {
  background: #fff;
  border-color: var(--chs-border);
}

body.theme-chs .composer input[type="text"] {
  background: #fff;
  color: var(--chs-text);
  border-color: var(--chs-border);
}

body.theme-chs .chat .ts {
  color: var(--chs-muted);
}