:root {
    --bg: #f5f7fb;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --primary: #1e3a8a;
    --primary-hover: #2563eb;
    --primary-soft: #e8f0ff;
    --text: #111827;
    --text-muted: #6b7280;
    --border: #e5e7eb;
    --border-strong: #d1d5db;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --radius-md: 12px;
    --radius-lg: 18px;
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.07);
    --shadow-card: 0 4px 20px rgba(15, 23, 42, 0.05);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(30, 58, 138, 0.10), transparent 30%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}