:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --primary-light: #dbeafe;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --secondary: #0f172a;
    --background: #f5f7fb;
    --surface: #ffffff;
    --text: #1e293b;
    --muted: #64748b;
    --border: #e5e7eb;
    --radius: 18px;
    --shadow-sm: 0 4px 15px rgba(15,23,42,.05);
    --shadow: 0 12px 35px rgba(15,23,42,.08);
    --shadow-lg: 0 25px 60px rgba(15,23,42,.12);
    --transition: .35s ease;
}

body {
    font-family: 'Inter',sans-serif;
    background: var(--background);
    color: var(--text);
}