/* Minecraft Inventory GUI - Design Tokens
   All sizes use CSS custom properties driven by --mc-scale
   so the entire UI scales without transform */

:root {
  --mc-scale: 2;

  /* Computed from scale */
  --mc-slot-size: calc(18px * var(--mc-scale));
  --mc-font-size: calc(7px * var(--mc-scale));
  --mc-pixel: calc(1px * var(--mc-scale));
  --mc-border: calc(1px * var(--mc-scale));
  --mc-gap: calc(2px * var(--mc-scale));
  --mc-padding: calc(4px * var(--mc-scale));
  --mc-count-font: calc(6px * var(--mc-scale));

  /* Colors */
  --mc-bg: #c6c6c6;
  --mc-dark: #404040;
  --mc-darker: #282828;
  --mc-slot-bg: #8b8b8b;
  --mc-slot-border-light: #ffffff;
  --mc-slot-border-dark: #373737;
  --mc-tooltip-bg: #100010;
  --mc-tooltip-border: #5000ff;
  --mc-tooltip-text: #ffffff;
  --mc-tooltip-lore: #6b29a4;
  --mc-highlight: rgba(255,255,255,0.4);
  --mc-held-highlight: rgba(255,255,255,0.5);
  --mc-text-shadow: rgba(0,0,0,0.5);
  --mc-count-color: #ffffff;
  --mc-enchant-color: #8080ff;
  --mc-durability-full: #55ff55;
  --mc-durability-low: #ff5555;
}

.mc-inv-root {
  font-family: 'Minecraftia', 'Minecraft', monospace;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  user-select: none;
  -webkit-user-select: none;
}

.mc-inv-root * {
  box-sizing: border-box;
}

@keyframes mc-inv-focus-dash {
  0% { outline-offset: -2px; }
  50% { outline-offset: 0px; }
  100% { outline-offset: -2px; }
}