/* Cedar shell — restyle the stock Umi app without rebuilding it. */

:root {
  --ink: #e8e2d6;
  --paper: #f4efe6;
  --moss: #2f4a40;
  --moss-deep: #1b2722;
  --copper: #c56a34;
  --line: #d8d0c4;
}

html.shell-skin,
body.shell-root,
body.shell-skin,
body {
  background: var(--moss-deep) !important;
  color: #2b2a26 !important;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", "Noto Serif SC", serif !important;
}

#app-shell {
  min-height: 100vh;
}

.v2board-background,
.v2board-bg-pixels {
  background-image: none !important;
  background-color: transparent !important;
}

.v2board-auth-box {
  background:
    radial-gradient(900px 480px at 12% -10%, rgba(197, 106, 52, 0.18), transparent 55%),
    linear-gradient(165deg, #15201c 0%, #24352e 46%, #1b2722 100%) !important;
}

.v2board-auth-box .card,
.v2board-auth-box .ant-card,
.v2board-auth-box .block-content,
.v2board-auth-box [class*="card"] {
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: 2px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28) !important;
}

.v2board-copyright,
.v2board-bg-pixels {
  display: none !important;
}

.ant-btn-primary,
.btn-primary,
.bg-primary,
.badge-primary {
  background: var(--copper) !important;
  border-color: var(--copper) !important;
  color: #fff !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.ant-btn-primary:hover,
.btn-primary:hover {
  background: #a6562a !important;
  border-color: #a6562a !important;
}

.ant-btn,
.btn {
  border-radius: 2px !important;
}

a,
.ant-btn-link {
  color: var(--copper) !important;
}

#page-container,
#main-container,
.sidebar-dark #sidebar,
#page-container.sidebar-dark #sidebar {
  background: #202c27 !important;
}

#sidebar,
.sidebar-mini-o #sidebar {
  border-right: 1px solid #31443c !important;
}

.content-header,
#page-header,
.page-header {
  background: #24352e !important;
  border-bottom: 1px solid #31443c !important;
}

.v2board-container-title,
.content-header h1,
.content-header h2 {
  color: var(--ink) !important;
  letter-spacing: 0.04em;
}

#main-container,
#page-container #main-container {
  background: #e9e3d8 !important;
}

.block,
.ant-card,
.card {
  border-radius: 2px !important;
}

.v2board-auth-lang-btn,
.v2board-login-i18n-btn {
  color: var(--ink) !important;
}

.ant-input,
.form-control {
  border-radius: 2px !important;
  border-color: #cfc6b8 !important;
  background: #fffaf2 !important;
}

.ant-input:focus,
.form-control:focus {
  border-color: var(--copper) !important;
  box-shadow: 0 0 0 2px rgba(197, 106, 52, 0.18) !important;
}