:root {
    --primary: oklch(0.6 0.25 250);
    --secondary: oklch(0.7 0.2 300);
    --accent: oklch(0.8 0.15 200);
    --bg: oklch(0.98 0.01 250);
    --text: oklch(0.2 0.02 250);
}

body {
    background: linear-gradient(135deg, oklch(0.95 0.02 250), oklch(0.9 0.05 280));
    color: var(--text);
    min-height: 100vh;
    font-family: 'Instrument Sans', sans-serif;
}

.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}

.btn-primary {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: white;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

.text-primary {
    color: #4f46e5;
}

.bg-primary {
    background-color: #4f46e5;
}