:root {
    --bg: #f0f4fa;
    --bg-warm: #f5f7fa;
    --surface: rgba(255, 255, 255, 0.55);
    --surface-alt: rgba(255, 255, 255, 0.3);
    --border: rgba(255, 255, 255, 0.45);
    --border-subtle: rgba(0, 0, 0, 0.06);
    --text: #1d1d1f;
    --text-secondary: rgba(0,0,0,0.4);
    --primary: #007aff;
    --primary-soft: rgba(0,122,255,0.08);
    --accent: #FFD700;
    --danger: #ff3b30;
    --btn-bg: rgba(255,255,255,0.18);
    --btn-text: #1d1d1f;
    --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', sans-serif;
    --radius: 8px;
    --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.06);
    --panel-blur: 50px;
    --saturation: 160%;
    --safe-top: env(safe-area-inset-top, 20px);
    --safe-bottom: env(safe-area-inset-bottom, 20px);
}