/* design-tokens.css — CSS custom properties for the medieval-MMO visual language.
   Single source of truth. Imported by shared-theme.css, loaded standalone in game.php. */

:root {
  /* Backgrounds */
  --bg-deep: #101820;
  --bg-mid: #1a2b34;
  --bg-soft: #2e3f37;

  /* Paper (content surfaces) */
  --paper: rgba(244, 234, 214, 0.96);
  --paper-dim: rgba(239, 228, 205, 0.95);

  /* Text */
  --ink: #1f262f;
  --ink-soft: #4a5564;
  --ink-dark: #2e1e08;
  --ink-parch: #4a3820;
  --ink-body: #3a2a14;
  --ink-muted: #7a6a4a;
  --ink-heading: #5a3a18;

  /* Accents */
  --accent: #b8892f;
  --accent-deep: #6f4b1a;
  --accent-soft: #d5b36a;

  /* Semantic */
  --ok: #2f6f3f;
  --warn: #8f2b2b;

  /* Lines & borders */
  --line: rgba(200, 184, 150, 0.7);

  /* Links */
  --link: #2f4f67;
  --link-hover: #3d6280;

  /* Shadows */
  --shadow-main: 0 16px 36px rgba(0, 0, 0, 0.35);
  --shadow-soft: 0 8px 18px rgba(0, 0, 0, 0.2);
  --shadow-card: 0 2px 6px rgba(80, 55, 15, 0.15);
  --text-shadow-gold: 0 1px 0 rgba(255, 240, 200, 0.5);
  --focus-ring: 0 0 0 2px rgba(197, 173, 122, 0.25);
  --focus-border: rgba(160, 130, 60, 0.7);

  /* Radii */
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-card: 10px;

  /* Typography — четыре роли, шрифты вшиты в css/fonts.css.
     Системные имена оставлены вторым эшелоном: если woff2 не догрузился,
     интерфейс выглядит как до вшивания, а не «едет».
     "Noto Color Emoji" идёт сразу за вшитым шрифтом, ДО системных запасных:
     у него узкий unicode-range (только наши эмодзи), буквы он не перехватит,
     зато иконки не достанутся Palatino Linotype на винде и Palatino на маке —
     ради этого всё и затевалось. */
  --font-body: "PT Serif", "Noto Color Emoji", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  --font-heading: "Yeseva One", "Noto Color Emoji", "Copperplate", "Times New Roman", serif;
  --font-display: "Ruslan Display", "Noto Color Emoji", "Yeseva One", "Copperplate", serif;
  --font-label: "Alegreya SC", "Noto Color Emoji", "Copperplate", "Times New Roman", serif;

  /* Input surfaces */
  --input-bg: rgba(255, 252, 245, 0.95);
  --divider-subtle: 1px solid rgba(140, 115, 70, 0.2);

  /* Parchment surfaces */
  --parch-warm: linear-gradient(180deg, #e8dfc8 0%, #d4c8a8 100%);
  --parch-warm-border: rgba(180, 160, 120, 0.6);
  --parch-elevated: linear-gradient(180deg, #f5f0e3 0%, #ede5d0 100%);
  --parch-elevated-border: rgba(140, 115, 70, 0.45);
  --parch-shadow: 0 4px 12px rgba(60, 40, 10, 0.22), 0 1px 3px rgba(60, 40, 10, 0.15);

  /* Golden bar */
  --gold-bar: linear-gradient(180deg, #c5ad7a 0%, #a8935c 100%);
  --gold-bar-border: rgba(100, 75, 25, 0.4);

  /* Blue button */
  --btn-blue: linear-gradient(160deg, #2e4758, #1c303e);
  --btn-blue-hover: linear-gradient(160deg, #45657d, #2a4558);
  --btn-blue-border: rgba(34, 52, 66, 0.55);
  --btn-blue-color: #eef4f8;
}