:root {
    --glass-ink: #0f172a;
    --glass-muted: rgba(15, 23, 42, 0.62);
    --glass-border: rgba(255, 255, 255, 0.68);
    --glass-border-soft: rgba(15, 23, 42, 0.08);
    --glass-border-width: 1px;
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-bg-strong: rgba(255, 255, 255, 0.9);
    --glass-bg-soft: rgba(255, 255, 255, 0.65);
    --glass-bg-subtle: rgba(255, 255, 255, 0.58);
    --glass-bg-table: rgba(255, 255, 255, 0.85);
    --glass-shadow-soft: 0 10px 22px rgba(15, 23, 42, 0.1);
    --glass-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    --glass-shadow-deep: 0 24px 55px rgba(15, 23, 42, 0.18);
    --glass-blur: 12px;
    --glass-blur-soft: 8px;
    --glass-blur-strong: 16px;
    --glass-saturate: 150%;
    --glass-saturate-soft: 140%;
    --glass-saturate-strong: 160%;
    --glass-radius-xs: 10px;
    --glass-radius-sm: 12px;
    --glass-radius: 16px;
    --glass-radius-lg: 18px;
    --glass-radius-xl: 22px;
    --glass-radius-pill: 999px;
    --glass-space-1: 6px;
    --glass-space-2: 10px;
    --glass-space-3: 12px;
    --glass-space-4: 16px;
    --glass-space-5: 20px;
    --glass-space-6: 24px;
    --glass-space-7: 32px;
}

@media (max-width: 768px) {
    :root {
        --glass-radius: 14px;
        --glass-radius-lg: 16px;
        --glass-radius-xl: 18px;
    }
}