:root {
    /* Background — Light pastel theme */
    --color-bg: #f0f4ff;
    --color-bg-card: #ffffff;
    --color-bg-surface: #e8edf8;
    --color-white: #FFFFFF;
    --color-text: #333333;
    --color-text-dim: #888;

    /* Accents */
    --color-accent: #e94560;
    --color-accent-soft: #f8d7dd;
    --color-success: #22c55e;
    --color-error: #f97316;
    --color-gold: #f59e0b;

    /* Keyboard zones — left hand */
    --key-zone-pink: #FF9AA2;
    --key-zone-orange: #FFB347;
    --key-zone-yellow: #FDFD96;
    --key-zone-green: #77DD77;
    /* Keyboard zones — right hand */
    --key-zone-blue: #84B6F4;
    --key-zone-teal: #77E4D4;
    --key-zone-purple: #C3B1E1;
    --key-zone-rose: #F4A9C0;
    /* Shared */
    --key-zone-grey: #ccc;

    /* Border radii */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-round: 50px;

    /* Typography */
    --font-family: 'Fredoka', sans-serif;
    --font-mono: 'Fredoka', monospace;
}