:root {
    --vz-bg: #F4F2F8;
    --vz-bg-soft: #EDE9F5;
    --vz-surface: rgba(255, 255, 255, 0.72);
    --vz-surface-solid: #ffffff;
    --vz-primary: #6B4EE6;
    --vz-primary-dark: #4A2FC0;
    --vz-primary-deep: #1E1035;
    --vz-accent: #8B5CF6;
    --vz-blue: #3B82F6;
    --vz-gradient: linear-gradient(135deg, #6B4EE6 0%, #3B82F6 100%);
    --vz-gradient-dark: linear-gradient(135deg, #1E1035 0%, #4A2FC0 100%);
    --vz-text: #1A1230;
    --vz-text-muted: #6B7280;
    --vz-text-light: rgba(255, 255, 255, 0.85);
    --vz-border: rgba(107, 78, 230, 0.15);
    --vz-radius-lg: 20px;
    --vz-radius-md: 14px;
    --vz-radius-sm: 10px;
    --vz-radius-pill: 999px;
    --vz-shadow: 0 8px 32px rgba(107, 78, 230, 0.12);
    --vz-shadow-lg: 0 20px 60px rgba(30, 16, 53, 0.15);
    --vz-glass-blur: blur(14px);
    --vz-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --vz-font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
    --vz-nav-height: 72px;
    --vz-container: 1200px;

    /* Type scale */
    --vz-text-xs: 0.8125rem;
    --vz-text-sm: 0.875rem;
    --vz-text-base: 1rem;
    --vz-text-md: 1.0625rem;
    --vz-text-lg: 1.125rem;
    --vz-text-xl: 1.25rem;
    --vz-text-2xl: clamp(1.35rem, 2.5vw, 1.75rem);
    --vz-text-3xl: clamp(1.65rem, 3vw, 2.25rem);
    --vz-text-4xl: clamp(2rem, 4vw, 3rem);
    --vz-leading-tight: 1.2;
    --vz-leading-snug: 1.45;
    --vz-leading-normal: 1.65;
    --vz-leading-relaxed: 1.75;
    --vz-tracking-tight: -0.025em;
    --vz-tracking-normal: -0.011em;
    --vz-tracking-wide: 0.04em;
}