/* Erzeugt von brand/build.mjs aus brand/tokens.json. Nicht von Hand ändern. */
/* Dunkel zuerst, hell nach Systemeinstellung oder Auswahl in den Einstellungen. */
:root {
  color-scheme: dark;
  --bg: #000000;
  --surface: #1C1C1E;
  --surface-2: #2C2C2E;
  --line: #38383A;
  --line-2: #48484A;
  --text: #F4F3F1;
  --dim: #98989D;
  --mute: #8E8E93;
  --accent: #9C6A35;
  --accent-text: #B58250;
  --accent-soft: rgba(181, 130, 80, 0.16);
  --accent-line: #6B4A26;
  --accent-ink: #FFFFFF;
  --miss: #48484A;
  --bad: #FF453A;
  --bad-soft: rgba(255, 69, 58, 0.14);
  --logo-outline: #E2D8CB;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #F2F2F7;
    --surface: #FFFFFF;
    --surface-2: #F2F2F7;
    --line: #E5E5EA;
    --line-2: #D1D1D6;
    --text: #141414;
    --dim: #6E6E73;
    --mute: #6E6E73;
    --accent: #9C6A35;
    --accent-text: #9C6A35;
    --accent-soft: rgba(156, 106, 53, 0.12);
    --accent-line: #D9C2A6;
    --accent-ink: #FFFFFF;
    --miss: #C7C7CC;
    --bad: #D70015;
    --bad-soft: rgba(215, 0, 21, 0.08);
    --logo-outline: transparent;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F2F2F7;
  --surface: #FFFFFF;
  --surface-2: #F2F2F7;
  --line: #E5E5EA;
  --line-2: #D1D1D6;
  --text: #141414;
  --dim: #6E6E73;
  --mute: #6E6E73;
  --accent: #9C6A35;
  --accent-text: #9C6A35;
  --accent-soft: rgba(156, 106, 53, 0.12);
  --accent-line: #D9C2A6;
  --accent-ink: #FFFFFF;
  --miss: #C7C7CC;
  --bad: #D70015;
  --bad-soft: rgba(215, 0, 21, 0.08);
  --logo-outline: transparent;
}