:root {
    /* brand */
    --cyan: #22e2e2;
    --dark-purple: #3f1d67;
    --royal-blue: #4169e1;

    /* neutrals */
    --text: #111;
    --muted: #666;
    --bg: #fff;

    /* layout scale */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;

    /* radius & shadows */
    --radius: 12px;
    --shadow-sm: 0 4px 15px rgba(34, 226, 226, 0.3);
    --shadow-lg: 0 15px 50px rgba(34, 226, 226, 0.3);
}