:root {
    --bg: #f4f7fb;
    --surface: #ffffff;
    --accent: #2563eb;
    --accent-light: #3b82f6;
    --accent-glow: rgba(37, 99, 235, 0.15);
    --accent-subtle: rgba(37, 99, 235, 0.07);
    --text: #0f172a;
    --text-muted: #64748b;
    --border: rgba(0, 0, 0, 0.09);
    --border-accent: rgba(37, 99, 235, 0.3);
    --shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 28px rgba(37, 99, 235, 0.15);
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--bg);
    min-height: 100vh;
    color: var(--text);
    display: flex;
    flex-direction: column;
}