:root {
    --hs-color-bg: #09090d;
    --hs-color-surface: #13131a;
    --hs-color-surface-elevated: #1b1b24;
    --hs-color-text: #f7f7fb;
    --hs-color-text-muted: #a8a8b8;
    --hs-color-accent: #8b5cf6;
    --hs-color-accent-strong: #7c3aed;
    --hs-color-success: #22c55e;
    --hs-color-warning: #f59e0b;
    --hs-color-danger: #ef4444;
    --hs-radius-sm: 8px;
    --hs-radius-md: 14px;
    --hs-radius-lg: 20px;
    --hs-space-1: 4px;
    --hs-space-2: 8px;
    --hs-space-3: 12px;
    --hs-space-4: 16px;
    --hs-space-5: 24px;
    --hs-space-6: 32px;
    --hs-space-7: 48px;
    --hs-shadow-card: 0 18px 44px rgba(0, 0, 0, .24);
    --hs-transition-fast: 160ms ease;
}