@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");

/* Estil GUI de Minecraft (versió suavitzada).
   Tema fosc (:root) = GUI fosc tipus resource pack.
   Tema clar ([data-theme="light"]) = inventario vanilla gris/beige. */

:root {
  --font-pixel: "Press Start 2P", monospace;
  --font-body: "VT323", "Courier New", monospace;
  --radius: 7px;
  --maxw: 1100px;

  /* Superfícies */
  --bg: #14130f;
  --grid: rgba(255, 255, 255, 0.014);
  --surface: #33322e;
  --surface-2: #2a2926;

  /* Bisell de panell (relleu) — contrast suau */
  --bevel-light: #4c4a44;
  --bevel-dark: #22201c;
  --edge: #0c0b09;

  /* Slot (casella) — una mica més clar */
  --slot: #262320;
  --slot-dark: #14120f;
  --slot-light: #403d37;

  /* Barra de títol beige */
  --title-bar: #cdbd8f;
  --title-bar-l: #e6d8ad;
  --title-bar-d: #a5946a;
  --title-text: #392f13;

  /* Text i accents */
  --text: #f2f0ea;
  --muted: #b6b2a8;
  --accent: #ffd24a;
  --excl: #ff7a6e;
  --opt: #ffd06a;
  --shadow-txt: rgba(0, 0, 0, 0.42);
}

[data-theme="light"] {
  --bg: #92928c;
  --grid: rgba(0, 0, 0, 0.03);
  --surface: #c8c8c8;
  --surface-2: #bfbfbf;

  --bevel-light: #f2f2f2;
  --bevel-dark: #757575;
  --edge: #4a4a4a;

  --slot: #9a9a9a;
  --slot-dark: #565656;
  --slot-light: #eaeaea;

  --title-bar: #cbbc90;
  --title-bar-l: #e4d7aa;
  --title-bar-d: #a6966a;
  --title-text: #392f13;

  --text: #2b2b2b;
  --muted: #565650;
  --accent: #a56b12;
  --excl: #a5271c;
  --opt: #8a6410;
  --shadow-txt: rgba(255, 255, 255, 0.28);
}