:root {
    --navy-950: #071d38;
    --navy-900: #0a2851;
    --navy-800: #10375f;
    --blue-700: #075bd8;
    --blue-600: #0875f5;
    --blue-500: #1688ff;
    --blue-100: #e9f3ff;
    --blue-50: #f4f9ff;
    --ink-900: #101f3c;
    --ink-700: #304366;
    --ink-600: #526584;
    --ink-500: #6b7b96;
    --line: #d8e3f0;
    --line-strong: #bfd2e7;
    --surface: #ffffff;
    --background: #eff7fc;
    --success: #169b62;
    --success-bg: #e7f8f0;
    --warning: #b76a00;
    --warning-bg: #fff4d9;
    --danger: #d52b36;
    --danger-bg: #fff0f1;
    --violet: #6941c6;
    --shadow: 0 12px 35px rgba(31, 75, 112, .08);
    --radius: 14px;
    --sidebar-width: 266px;
    color-scheme: light;
}

* { box-sizing: border-box; }

html { min-width: 320px; background: var(--background); }

body {
    margin: 0;
    color: var(--ink-900);
    background: var(--background);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .58; }
a { color: inherit; }

svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }