@font-face {
  font-family: "Ethnocentric";
  src:
    local("Ethnocentric"),
    local("Ethnocentric Regular"),
    local("Ethnocentric Rg"),
    url("/static/fonts/Ethnocentric-Regular.woff2") format("woff2"),
    url("/static/fonts/Ethnocentric.woff2") format("woff2"),
    url("/static/fonts/ethnocentric-regular.woff2") format("woff2"),
    url("/static/fonts/Ethnocentric-Regular.woff") format("woff"),
    url("/static/fonts/Ethnocentric.woff") format("woff"),
    url("/static/fonts/ethnocentric-regular.woff") format("woff"),
    url("/static/fonts/Ethnocentric-Regular.ttf") format("truetype"),
    url("/static/fonts/Ethnocentric.ttf") format("truetype"),
    url("/static/fonts/Ethnocentric-Regular.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --bg: #111111;
  --card: #1b1b1b;
  --line: #343434;
  --text: #f3f3f3;
  --muted: #b5b5b5;
  --ok: #4da36f;
  --no: #d06d52;
  --accent: #a05526;
  --accent-strong: #bf6832;

  --font-base: "Segoe UI", Tahoma, sans-serif;
  --font-brand: "Ethnocentric", "Eurostile", "Segoe UI", Tahoma, sans-serif;
}

.brand-title,
[data-brand-title="true"] {
  font-family: var(--font-brand) !important;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--accent);
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 10px;
}

.brand-lockup-login {
  justify-content: center;
  margin-bottom: 6px;
}

.brand-lockup .brand-title { margin: 0; font-size: 30px; }

.brand-logo {
  width: 54px;
  height: 54px;
  object-fit: contain;
  flex: 0 0 auto;
}

.brand-lockup-login .brand-logo {
  width: 54px;
  height: 54px;
}