:root {
  /* Stardew-warm + classic RPG chrome */
  --ink: #2b1a0e;
  --ink-soft: #4a3220;
  --wood: #6b3c1a;
  --wood-mid: #8a5228;
  --wood-lit: #a86a38;
  --wood-dark: #3d2210;
  --stone: #5a5048;
  --parchment: #f5d1a0;
  --parchment-deep: #e8bc7a;
  --panel: #f3dfb8;
  --panel-soft: #faebc8;
  --border: #4a2c14;
  --border-soft: #7a4a28;
  --accent: #d87a24;
  --accent-hover: #c06818;
  --brass: #e0b040;
  --gold-ui: #f0d878;
  --copper: #c87840;
  --torch: #ff9a3c;
  --torch-glow: #ffe08a;
  --danger: #a02828;
  --danger-fill: #c43828;
  --ok: #3d7a38;
  --ok-fill: #58a048;
  --warn: #c09020;
  --warn-fill: #e0b028;
  --threat-green: #4a9a40;
  --threat-yellow: #d4a820;
  --threat-orange: #d87828;
  --threat-red: #c03828;
  --threat-burgundy: #701828;
  --shadow: rgba(40, 24, 10, 0.45);
  --link: #8a4a18;
  --link-hover: #5a3010;

  --font-pixel: "VT323", ui-monospace, monospace;
  --font-lore: "Spectral", Georgia, "Times New Roman", serif;
  --font-clerk: "JetBrains Mono", "Courier New", ui-monospace, monospace;
  --font-ui: var(--font-lore);
  --font-display: var(--font-pixel);

  /* Desktop type ramp */
  --type-chrome: 1rem;
  --type-chrome-sm: 0.95rem;
  --type-clerk: 0.95rem;
  --type-lore: 0.88rem;
  --type-lore-sm: 0.85rem;

  --chat-width: 280px;
  --map-canvas-ratio: 4 / 3;
  --btn-radius: 6px;
  --bevel-out: inset 0 1px 0 rgba(255, 236, 200, 0.55), inset 0 -2px 0 rgba(40, 20, 8, 0.35),
    0 2px 0 rgba(40, 20, 8, 0.4);
  --bevel-in: inset 0 2px 4px rgba(40, 20, 8, 0.35), inset 0 -1px 0 rgba(255, 230, 180, 0.25);

  --theme-wood: url("../assets/theme/wood-planks.jpg");
  --theme-parchment: url("../assets/theme/parchment-sheet.jpg");
  --theme-noticeboard: url("../assets/theme/tavern-noticeboard.jpg");

  --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
}