:root {
    --primary: #002060;
    --primary-hover: #00184a;
    --primary-on: #ffffff;
    --primary-text: #002060;
    --page: #f4f6f8;
    --surface: #ffffff;
    --surface-muted: #f8fafc;
    --text: #152033;
    --text-muted: #667085;
    --border: #d7dde5;
    --border-strong: #aeb8c5;
    --success: #217346;
    --danger: #b42318;
    --warning: #9a6700;
    --focus: #385b9f;
    --shadow: 0 2px 8px rgb(15 23 42 / 8%);
    --radius: 4px;
    --radius-small: 2px;
    --content-width: 1440px;
    --font-sans: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
