:root {
    --ink: #102033;
    --ink-soft: #405268;
    --muted: #6c7c8e;
    --line: #dce4ec;
    --line-strong: #c8d3df;
    --canvas: #f3f6f9;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --brand: #075ea8;
    --brand-dark: #03477f;
    --brand-light: #e7f3fb;
    --teal: #00a8b8;
    --success: #177245;
    --success-bg: #e9f6ef;
    --warning: #9b6200;
    --warning-bg: #fff4db;
    --danger: #b4232f;
    --danger-bg: #fdecef;
    --info-bg: #e8f2fb;
    --shadow-sm: 0 4px 14px rgba(16, 32, 51, .05);
    --shadow-md: 0 12px 32px rgba(16, 32, 51, .08);
    --radius-sm: 4px;
    --radius: 7px;
    --radius-lg: 10px;
    --sidebar-width: 264px;
    --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--canvas);
    font-family: var(--font);
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
a { color: var(--brand); }
img { max-width: 100%; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4, strong, b { font-weight: 600; }