/* ==========================================================
   VORIK PREMIUM DESIGN TOKENS
   ========================================================== */

:root {
    --vorik-premium-blue-950: #071c3b;
    --vorik-premium-blue-900: #102b55;
    --vorik-premium-blue-800: #173b70;
    --vorik-premium-blue-700: #205294;

    --vorik-premium-yellow-500: #ffd21f;
    --vorik-premium-yellow-400: #ffdc51;
    --vorik-premium-yellow-100: #fff8d7;

    --vorik-premium-white: #ffffff;
    --vorik-premium-surface: #f7f9fc;
    --vorik-premium-surface-soft: #f2f5fa;
    --vorik-premium-border: #dde4ee;

    --vorik-premium-text: #10233f;
    --vorik-premium-text-soft: #607089;
    --vorik-premium-text-muted: #8390a4;

    --vorik-premium-success: #14995f;
    --vorik-premium-success-soft: #e9f8f1;

    --vorik-premium-danger: #d44b55;

    --vorik-premium-radius-sm: 10px;
    --vorik-premium-radius-md: 16px;
    --vorik-premium-radius-lg: 22px;
    --vorik-premium-radius-xl: 30px;

    --vorik-premium-shadow-sm:
        0 8px 24px rgba(16, 43, 85, 0.08);

    --vorik-premium-shadow-md:
        0 18px 45px rgba(16, 43, 85, 0.12);

    --vorik-premium-shadow-lg:
        0 28px 70px rgba(7, 28, 59, 0.16);

    --vorik-premium-transition:
        180ms cubic-bezier(0.2, 0.8, 0.2, 1);

    --vorik-premium-container:
        min(100% - 32px, 1380px);
}