:root {
    --vibes-green: #159d00;
    --vibes-green-bright: #28c500;
    --vibes-green-dark: #0f7f00;
    --vibes-green-soft: #eaf7e7;

    --vibes-black-soft: #111311;
    --vibes-white: #ffffff;

    --vibes-text: #101828;
    --vibes-muted: #667085;
    --vibes-muted-light: #98a2b3;
    --vibes-danger: #dc3545;
}

.vibes-checkout {
    --vibes-black: #0a0a0a;
    --vibes-bg: #f8f9fb;
    --vibes-border: #e5e7eb;
    --vibes-shadow:
        0 24px 45px rgba(15, 23, 42, 0.08);
    --vibes-black-elevated: #171917;
    --vibes-black-border: #343834;
    --vibes-mobile-shadow:
        0 -18px 45px rgba(0, 0, 0, 0.28);
}

.vibes-confirmation {
    --vibes-green-hero: #32cf00;
    --vibes-green-darker: #0a6500;
    --vibes-green-soft-strong: #dff3dc;
    --vibes-green-glow: rgba(40, 197, 0, 0.24);
    --vibes-green-watermark: rgba(21, 157, 0, 0.06);
    --vibes-black: #090b0a;
    --vibes-heading: #090b0d;
    --vibes-bg: #f8faf8;
    --vibes-card-bg: #ffffff;
    --vibes-border: #e4e9e3;
    --vibes-border-strong: #d5ddd3;
    --vibes-warning: #f59e0b;
    --vibes-shadow:
        0 22px 48px rgba(15, 23, 42, 0.08),
        0 5px 16px rgba(15, 23, 42, 0.04);
    --vibes-shadow-soft:
        0 12px 28px rgba(15, 23, 42, 0.06);
}

body .main {
    background: transparent;
}