@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=VT323&display=swap');

:root {
    --bg-core: #ffe6f0;
    --bg-surface: #d7bdf2;
    --bg-elevated: #ffffff;
    --primary: #b280ff;
    --primary-strong: #9b5cf6;
    --primary-glow: rgba(178, 128, 255, 0.35);
    --secondary: #ffc2df;
    --text-primary: #2c2c36;
    --text-secondary: #4e4e5d;
    --text-muted: #6e6e80;
    --border-subtle: #2c2c36;
    --border-strong: #2c2c36;
    --shadow-sm: 2px 2px 0px #2c2c36;
    --shadow-md: 4px 4px 0px #2c2c36;
    --shadow-glow: none;
    --surface-1: var(--bg-surface);
    --surface-2: var(--bg-elevated);
    --font-heading: 'Fredoka', sans-serif;
    --font-body: 'Fredoka', sans-serif;
    --font-mono: 'VT323', monospace;
    --easing-organic: cubic-bezier(0.34, 1.56, 0.64, 1);
    --focus-glow: 0 0 0 2px #ffffff, 0 0 0 5px #2c2c36;
    --grain: none;
}