:root {
  --gold: #d7a24a;
  --gold-light: #f8e3b7;
  --gold-dark: #8e611b;
  --bg-start: #f2f2f2;
  --bg-end: #cfcfcf;
  --panel: #f8f8f8;
  --panel-dark: #d5d5d5;
  --border: #b8c0c6;
  --border-strong: #9f9f9f;
  --text: #000000;
  --muted: #697782;
  --danger: #ffe6e6;
  --danger-text: #8B0000;
  --success: #e6ffec;
  --success-text: #1C4329;
  --radius-lg: 36px;
  --radius-md: 18px;
  --radius-sm: 9px;
  --radius-pill: 999px;
  --shadow-raised:
    8px 8px 16px rgba(0, 0, 0, 0.18),
    -6px -6px 14px rgba(255, 255, 255, 0.95),
    inset 2px 2px 5px rgba(255, 255, 255, 0.8),
    inset -3px -3px 6px rgba(0, 0, 0, 0.08);
  --shadow-inset:
    inset 6px 6px 12px rgba(0, 0, 0, 0.12),
    inset -5px -5px 10px rgba(255, 255, 255, 0.9);
}