:root {
    /* Brand colors */
    --lingo-purple: #8b5cf6;
    --lingo-purple-dark: #7c3aed;
    --lingo-purple-light: #ede9fe;

    --lingo-pink: #ff80c8;
    --lingo-blue: #79c7ff;
    --lingo-blue-dark: #3b82f6;

    --lingo-green: #6eeb83;
    --lingo-green-dark: #3dd68c;

    --lingo-yellow: #ffd95a;
    --lingo-orange: #ffb347;
    --lingo-red: #ff5252;

    /* Surfaces */
    --lingo-bg: #f5f3ff;
    --lingo-surface: #ffffff;
    --lingo-border: rgba(139, 92, 246, 0.1);

    /* Text */
    --lingo-text: #2b2260;
    --lingo-text-secondary: #6b5fa6;
    --lingo-text-muted: #9ca3af;

    /* Typography */
    --lingo-font-heading: "Baloo 2", cursive;
    --lingo-font-body: "Nunito", sans-serif;

    /* Radius */
    --lingo-radius-sm: 10px;
    --lingo-radius-md: 16px;
    --lingo-radius-lg: 20px;
    --lingo-radius-xl: 24px;
    --lingo-radius-pill: 999px;

    /* Shadows */
    --lingo-shadow-sm:
        0 2px 12px rgba(139, 92, 246, 0.1);

    --lingo-shadow-md:
        0 6px 28px rgba(139, 92, 246, 0.14);

    --lingo-shadow-focus:
        0 0 0 4px rgba(139, 92, 246, 0.2);

    /* Layout */
    --lingo-parent-sidebar-width: 220px;
    --lingo-content-max-width: 1100px;

    /* Transitions */
    --lingo-transition-fast: 150ms ease;
    --lingo-transition-normal: 250ms ease;
}