:root {
    --rhr-color-bg: #0e1218;
    --rhr-color-bg-soft: #121720;
    --rhr-color-surface: #161b24;
    --rhr-color-surface-alt: #1b212c;
    --rhr-color-border: rgba(188, 158, 94, 0.24);
    --rhr-color-text: #efe9dc;
    --rhr-color-muted: #9aa3b2;
    --rhr-color-primary: #b99a5b;
    --rhr-color-primary-strong: #d9bc7f;
    --rhr-color-primary-deep: #8f6c35;
    --rhr-color-danger: #b5484d;
    --rhr-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.35);
    --rhr-shadow-strong: 0 20px 50px rgba(0, 0, 0, 0.45);
    --rhr-glow-primary: 0 0 0 1px rgba(188, 158, 94, 0.35), 0 0 24px rgba(188, 158, 94, 0.18);
    --rhr-spacing-1: 6px;
    --rhr-spacing-2: 10px;
    --rhr-spacing-3: 14px;
    --rhr-spacing-4: 20px;
    --rhr-spacing-5: 28px;
    --rhr-radius-sm: 8px;
    --rhr-radius: 12px;
    --rhr-radius-lg: 18px;
    --rhr-trans-fast: 170ms cubic-bezier(0.22, 1, 0.36, 1);
    --rhr-trans-base: 280ms cubic-bezier(0.22, 1, 0.36, 1);
}