:root {
--navy: #10243f;
--navy-2: #0a1728;
--cream: #f7efe2;
--paper: #fffaf1;
--ink: #18212e;
--muted: #5d6876;
--gold: #c9962e;
--gold-2: #efd28a;
--line: rgba(16, 36, 63, 0.14);
--radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: Inter, ui-sans-system, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: var(--ink);
background: var(--paper);
line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.screen-reader-text {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}