:root {
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --bg: #ffffff;
    --bg-alt: #f8fafc;
    --text: #1e293b;
    --text-light: #64748b;
    --text-muted: #94a3b8;
    --accent: #f59e0b;
    --border: #e2e8f0;
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
    --radius: 12px;
    --hero-bg: linear-gradient(135deg, #1e293b, #334155);
    --hero-text: #ffffff;
    --card-bg: #ffffff;
    --card-hover: translateY(-4px);
    --footer-bg: #1e293b;
    --footer-text: #94a3b8;
    --btn-radius: 8px;
    --section-spacing: 80px;
}