/* ============================================
   СУЕТАПОЛИЯ — palette and type ("Двор")
   Asphalt, stairwell paint, chalk, road-marking yellow.
   ============================================ */

@font-face { font-family: 'Stalinist One'; src: url('../fonts/stalinist-one-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; }
@font-face { font-family: 'Stalinist One'; src: url('../fonts/stalinist-one-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; font-display: swap; }
@font-face { font-family: 'Oswald'; src: url('../fonts/oswald-cyrillic-wght-normal.woff2') format('woff2'); font-weight: 200 700; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; }
@font-face { font-family: 'Oswald'; src: url('../fonts/oswald-latin-wght-normal.woff2') format('woff2'); font-weight: 200 700; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; font-display: swap; }
@font-face { font-family: 'Golos Text'; src: url('../fonts/golos-text-cyrillic-wght-normal.woff2') format('woff2'); font-weight: 400 900; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; }
@font-face { font-family: 'Golos Text'; src: url('../fonts/golos-text-latin-wght-normal.woff2') format('woff2'); font-weight: 400 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; font-display: swap; }

:root {
  --font-main: 'Golos Text', system-ui, sans-serif;
  --font-game: 'Oswald', 'Golos Text', sans-serif;
  --font-logo: 'Stalinist One', 'Oswald', sans-serif;
  --board-size: min(75vh, 70vw);
  --tile-size: calc(var(--board-size) / 11);
  --corner-size: calc(var(--tile-size) * 1.4);
  --transition: all 0.18s ease;

  /* named palette */
  --asphalt: #161d1b;
  --stairwell: #24352f;
  --stairwell-dark: #1b2723;
  --chalk: #ece7d8;
  --concrete: #8d9a93;
  --marking: #f2b705;
  --marking-dark: #8a6a00;
  --kiosk: #d1432f;
  --kiosk-dark: #7d2619;
  --line: #3b4f47;
}

body, [data-theme] {
  --bg-primary: var(--asphalt);
  --bg-secondary: var(--stairwell-dark);
  --bg-panel: var(--stairwell);
  --bg-board: #19231f;
  --border-color: var(--line);
  --border-glow: none;
  --text-primary: var(--chalk);
  --text-secondary: var(--concrete);
  --accent: var(--marking);
  --accent2: var(--kiosk);
  --accent-glow: none;
  --btn-bg: #2c403a;
  --btn-hover: #37524a;
  --btn-primary-bg: var(--marking);
  --tile-bg: #20302a;
  --tile-hover: #2b4038;
  --header-bg: var(--stairwell);
  --logo-color: var(--chalk);
  --logo-shadow: none;
  --chat-bg: #1b2623;
  --ad-bg: var(--stairwell);

  /* property groups: matte paint, no neon */
  --property-brown: #7d5236;
  --property-lightblue: #62a9c6;
  --property-pink: #c95a8c;
  --property-orange: #db8429;
  --property-red: #c9432f;
  --property-yellow: #e9b923;
  --property-green: #429350;
  --property-darkblue: #3158a8;
}