/* Дизайн-токены редактора в стиле Minecraft. Единственное место, где живут цвета, размеры и шрифт. */
@font-face { font-family: "Press Start 2P"; font-weight: 400; src: url("vendor/fonts/press-start-2p-cyrillic-400.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Press Start 2P"; font-weight: 400; src: url("vendor/fonts/press-start-2p-latin-400.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* шрифт: пиксельный, как в игре */
  --font: "Press Start 2P", monospace;
  --fw-regular: 400; --fw-medium: 400; --fw-semibold: 400; --fw-bold: 400;
  --fs-xs: 8px; --fs-sm: 10px; --fs-md: 12px; --fs-lg: 16px; --fs-xl: 24px; --fs-2xl: 32px;
  --lh-tight: 1.2; --lh-text: 1.6;

  /* отступы, шаг 4 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-12: 48px;

  /* скругления: в Minecraft их нет */
  --r-xs: 0; --r-sm: 0; --r-md: 0; --r-lg: 0; --r-full: 0;

  /* высоты контролов */
  --h-sm: 32px; --h-md: 40px; --h-lg: 48px;

  /* нейтральные: каменные панели интерфейса */
  --bg: #373737;
  --surface: #c6c6c6;        /* панель инвентаря */
  --surface-2: #8b8b8b;      /* слот / вложенный блок */
  --surface-3: #a6a6a6;      /* hover, трек */
  --line: #555555;
  --line-strong: #373737;
  --ink: #3f3f3f;
  --muted: #5a5a5a;
  --on-accent: #ffffff;
  --field: #111111;          /* текстовое поле, как строка чата */
  --field-ink: #ffffff;
  --field-line: #a0a0a0;
  --tooltip: #100010;        /* всплывающая подсказка */
  --tooltip-line: #2d0a63;
  --sky: #7fb0ff;

  /* акцент: трава */
  --accent: #5d9a3a;
  --accent-hover: #6fb645;
  --accent-soft: #bfe0a8;

  /* статусы */
  --success: #2f7d1f; --success-soft: #c7e8b5;
  --warning: #8a5a00; --warning-soft: #ffe08a;
  --danger: #b02e26;  --danger-soft: #f0b5b0;
  --info: #2c4597;    --info-soft: #c5d3f5;

  /* категории / данные: цвета красителей */
  --c-1: #f9c628; --c-2: #5e7c16; --c-3: #3c44aa; --c-4: #d06aa0; --c-5: #f07613; --c-6: #7b8aa6;

  /* кнопки и рамки: фаски как в игре */
  --btn: #7e7e7e; --btn-hover: #6b7fb5;
  --bevel-out: inset 2px 2px 0 rgb(255 255 255 / 0.65), inset -2px -2px 0 rgb(0 0 0 / 0.45), 0 0 0 2px #000;
  --bevel-in: inset 2px 2px 0 #373737, inset -2px -2px 0 #ffffff;
  --text-shadow: 2px 2px 0 #3f3f3f;

  /* тени, анимация, слои: тени жёсткие, без размытия */
  --shadow-sm: 3px 3px 0 rgb(0 0 0 / 0.35);
  --shadow-lg: 4px 4px 0 rgb(0 0 0 / 0.5);
  --overlay: rgb(0 0 0 / 0.5);
  --ease: 0ms;
  --z-sticky: 10; --z-pop: 30; --z-nav: 40; --z-modal: 50; --z-menu: 55; --z-toast: 60;

  --icon-sm: 16px; --icon-md: 20px; --icon-lg: 24px; --icon-xl: 40px;
}

/* цвета текста Minecraft (§0–§f): роли, ники, статусы в панели */
:root {
  --mc-black: #000000; --mc-dark_blue: #0000aa; --mc-dark_green: #00aa00; --mc-dark_aqua: #00aaaa;
  --mc-dark_red: #aa0000; --mc-dark_purple: #aa00aa; --mc-gold: #ffaa00; --mc-gray: #aaaaaa;
  --mc-dark_gray: #555555; --mc-blue: #5555ff; --mc-green: #55ff55; --mc-aqua: #55ffff;
  --mc-red: #ff5555; --mc-light_purple: #ff55ff; --mc-yellow: #ffff55; --mc-white: #ffffff;
  --toast: #212121; --toast-line: #555555;
  --slot-size: 40px; --head-sm: 24px; --head-md: 32px; --head-lg: 64px;
}