@import url("main.css");

:root {
    color-scheme: light;
    --font-body: Arial, Helvetica, sans-serif;
    --font-display: Georgia, "Times New Roman", serif;
    --page-bg: #f4f8fc;
    --surface: #ffffff;
    --surface-alt: #f6f9fc;
    --surface-muted: #dfe7ef;
    --text: #142b46;
    --muted: #60758d;
    --navy: #0f3c68;
    --primary: #1769b4;
    --primary-hover: #0f5798;
    --primary-soft: #e5f2fc;
    --accent: #e5b83f;
    --border: #b8d0e5;
    --border-strong: #8faac2;
    --danger: #a72e2e;
    --danger-bg: #fff0ef;
    --header-bg: #0d3b67;
    --header-text: #ffffff;
    --radius-small: 4px;
    --radius-card: 5px;
    --shadow-card: 0 1px 2px rgb(15 60 104 / 7%);
    --focus-ring: 0 0 0 3px rgb(23 105 180 / 22%);
}