:root {
    --bg-primary: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-card: #1e2a4a;
    --bg-card-hover: #243356;
    --bg-input: rgba(255, 255, 255, 0.08);
    --accent: #e94560;
    --accent-hover: #d63851;
    --accent-light: rgba(233, 69, 96, 0.15);
    --success: #00b894;
    --warning: #fdcb6e;
    --text-primary: #ffffff;
    --text-secondary: #b0b8d0;
    --text-muted: #6b7394;
    --border: rgba(255, 255, 255, 0.1);
    --border-light: rgba(255, 255, 255, 0.06);
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.4);
    --radius: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --max-width: 1200px;
    --nav-height: 60px;
    --transition: all 0.2s ease;
}