/* ========== PoBx 2.0 · design tokens ========== */
:root {
  /* Surfaces — dark default */
  --bg:        #0b0d10;
  --surface-1: #121418;
  --surface-2: #181b20;
  --surface-3: #1f232a;
  --line:      #262b33;
  --line-soft: #1c2028;

  /* Text */
  --fg:        #e7e9ee;
  --fg-mute:   #9aa3b2;
  --fg-dim:    #6b7382;

  /* Accents */
  --accent:      oklch(0.72 0.17 48);    /* heat orange */
  --accent-soft: oklch(0.72 0.17 48 / 0.14);
  --gold:        oklch(0.82 0.15 82);    /* PoBx Cash */
  --gold-soft:   oklch(0.82 0.15 82 / 0.14);

  /* Status */
  --ok:     oklch(0.76 0.15 155);
  --warn:   oklch(0.80 0.15 78);
  --danger: oklch(0.66 0.20 25);
  --info:   oklch(0.74 0.12 240);

  /* Rarities */
  --rar-c: #9ca3af;
  --rar-r: #3b82f6;
  --rar-e: #a855f7;
  --rar-l: #f59e0b;

  /* Type */
  --f-display: "Rajdhani", "Inter", system-ui, sans-serif;
  --f-body:    "Inter", system-ui, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* Radius + shadow */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --ring: 0 0 0 1px var(--line), inset 0 1px 0 rgb(255 255 255 / 0.02);
}