@import '../static/themes/dark/theme.css';

:root {
  color-scheme: dark;
  --brand-primary: var(--flame-orange);
  --brand-primary-hover: var(--flame-orange-bright);
  --brand-midtone: var(--smoke-600);
  --brand-darktone: var(--ash-400);
  --brand-default-bg: var(--char-900);
  --brand-default-fg: var(--bone);
  --brand-input-border: var(--smoke-500);
  --brand-input-bg: var(--ash-black);
  --brand-input-fg: var(--bone);
  --brand-notice: var(--flame-yellow);
  --brand-warning: var(--flame-orange-bright);
  --brand-error: var(--blaze-red);
  --brand-link-normal: var(--flame-orange);
  --brand-link--hover: var(--flame-orange-bright);
  --comp-workspace-before-bg: var(--flame-orange);
  --comp-header-bg: var(--char-800);
  --comp-header-name-fg: var(--bone);
  --comp-header-option-active-bg: var(--blaze-red);
  --comp-header-option-active-fg: var(--bone);
  --comp-statebrowser-fg: var(--bone);
  --comp-statebrowser-bg: var(--ash-black);
  --comp-statebrowser-bg-networkname: var(--char-800);
  --comp-statebrowser-channel-active-bg: var(--char-700);
  --comp-statebrowser-channel-active-fg: var(--flame-orange);
  --comp-statebrowser-network-border: var(--smoke-600);
  --comp-usermenu-open-bg: var(--char-800);
  --comp-sidebar-bg: var(--char-900);
  --comp-sidebar-fg: var(--bone);
  --comp-aboutbuffer-bg: var(--char-900);
  --comp-aboutbuffer-header-bg: var(--blaze-red);
  --comp-border: var(--smoke-600);
}

html, body, .kiwi-wrap { font-family: var(--font-body); background: var(--char-900); color: var(--bone); }
body { margin: 0; overflow: hidden; }
button, input, textarea { font-family: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--flame-orange-bright); outline-offset: 3px; }
.kiwi-welcome-simple { background: radial-gradient(ellipse at 50% 0, #56070766, transparent 75%), var(--char-900); }
.kiwi-startup-common-section-info { display: none; }
.kiwi-startup-common-section-connection { flex: 1; width: 100%; border: 0; }
.kiwi-welcome-simple-form { max-width: 290px; width: calc(100% - 32px); background: var(--char-800); color: var(--bone); border: 1px solid var(--smoke-600); border-radius: 8px; box-shadow: none; }
.kiwi-welcome-simple-form h2 { font-family: var(--font-display); font-size: 30px; font-weight: 400; font-style: italic; text-transform: uppercase; color: var(--bone); }
.kiwi-welcome-simple-form .u-submit, .u-button-primary { color: white; background: var(--grad-heat-bar); border: 0; border-radius: 5px; font-weight: 700; }
.kiwi-welcome-simple-form .u-submit:hover, .u-button-primary:hover { background: var(--blaze-red); color: white; }
.kiwi-header { border-bottom-color: var(--smoke-600); }
.kiwi-statebrowser, .kiwi-sidebar { box-shadow: none; }
.kiwi-messagelist-message--modern { border-top-color: var(--smoke-600); }
.kiwi-messagelist-message.kiwi-messagelist-message--highlight { background: var(--char-700); }
.kiwi-messagelist-message-notice { background: var(--char-800); }
.kiwi-messagelist-seperator { border-top-color: var(--flame-orange); }
.kiwi-statebrowser-channels .kiwi-statebrowser-channel { color: var(--bone); }
.u-form .u-input::placeholder, .kiwi-controlinput textarea::placeholder { color: var(--ash-400); }
#chat-error { margin: 20px; padding: 14px; border-left: 3px solid var(--blaze-red); }

/* Keep other users' quit notices out of the conversation. */
.kiwi-messagelist-message-traffic-quit { display: none !important; }