:root {
    --sw-bg: #090a0c;
    --sw-bg-soft: #0d0f12;
    --sw-surface: #14171b;
    --sw-surface-2: #1a1e23;
    --sw-surface-3: #22272d;

    --sw-border: rgba(255, 255, 255, 0.09);
    --sw-border-strong: rgba(255, 255, 255, 0.16);

    --sw-text: #f7f5f1;
    --sw-text-soft: #c7c2ba;
    --sw-muted: #8e949c;

    --sw-accent: #ff6b00;
    --sw-accent-2: #ff8a32;
    --sw-accent-soft: rgba(255, 107, 0, 0.14);

    --sw-beige: #c8b7a1;
    --sw-beige-soft: rgba(200, 183, 161, 0.12);

    --sw-success: #68d391;
    --sw-danger: #ff5d5d;

    --sw-radius-sm: 12px;
    --sw-radius: 18px;
    --sw-radius-lg: 26px;
    --sw-radius-xl: 34px;

    --sw-shadow-sm:
        0 10px 24px rgba(0, 0, 0, 0.18);

    --sw-shadow:
        0 22px 60px rgba(0, 0, 0, 0.32);

    --sw-shadow-accent:
        0 16px 42px rgba(255, 107, 0, 0.20);

    --sw-container: 1280px;
    --sw-gap: clamp(18px, 2.4vw, 36px);

    --sw-ease:
        cubic-bezier(.2, .7, .2, 1);
}