/**
 * PocketSkills Web Portal — design tokens
 * Classic MMORPG stone / oak / gold (PocketSkills theme)
 */

:root {
  --bg-deep: #0a0705;
  --bg-main: #120d09;
  --bg-surface: #1a130d;
  --bg-surface-2: #241a12;
  --bg-surface-3: #2e2218;
  --bg-card: #20170f;
  --bg-parchment: #251b12;

  --frame-darkest: #070403;
  --frame-dark: #120d09;
  --frame-mid: #38281a;
  --frame-light: #5d442c;
  --frame-border: #4a3826;
  --frame-highlight: #7a5d3e;
  --frame-gold-border: #8b6c23;

  --gold-light: #ffea88;
  --gold-primary: #e8b83a;
  --gold-dark: #9a7420;
  --gold-shadow: #4d390a;
  --amber: #e67e22;
  --ruby: #c0392b;
  --emerald: #27ae60;
  --sapphire: #2980b9;
  --amethyst: #8e44ad;

  --text-main: #f5ecd5;
  --text-bright: #ffffff;
  --text-dim: #c7b38f;
  --text-muted: #8f7b5d;
  --text-dark: #2a1c0d;

  --rarity-common: #b8b2a8;
  --rarity-uncommon: #6fd66f;
  --rarity-rare: #6fb8ff;
  --rarity-epic: #c58cff;
  --rarity-legendary: #ffc83d;

  --bevel-light: rgba(255, 235, 195, 0.18);
  --bevel-light-strong: rgba(255, 235, 195, 0.32);
  --bevel-dark: rgba(0, 0, 0, 0.65);

  --font-title: "Cinzel", "Times New Roman", Georgia, serif;
  --font-body: Verdana, Tahoma, "Segoe UI", system-ui, sans-serif;
  --font-mono: "Courier New", Courier, monospace;

  --sidebar-w: 232px;
  --sidebar-right-w: 268px;
  --content-max-w: 1180px;
  --radius-sm: 3px;
  --radius-md: 5px;

  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 20px;
  --space-xl: 28px;

  --transition-fast: 0.12s ease-out;
  --transition-normal: 0.22s ease-out;
}