@font-face { font-family: 'Almoni'; src: url('../fonts/almoni-regular-aaa.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Almoni'; src: url('../fonts/almoni-medium-aaa.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Almoni'; src: url('../fonts/almoni-demibold-aaa.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Almoni'; src: url('../fonts/almoni-bold-aaa.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
  --navy: #0E1E3F;
  --navy-2: #1C2F59;
  --beige: #E7DCC8;
  --beige-2: #F3EDE3;
  --paper: #FBF9F5;
  --surface: #FFFFFF;
  --ink: #0E1E3F;
  --muted: #6E7586;
  --line: #E8E2D7;
  --danger: #B42318;
  --ok: #1F7A4D;
  --radius: 14px;
  --font: 'Almoni', 'Segoe UI', Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { font-family: var(--font); color: var(--ink); background: var(--paper); font-size: 16px; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
[hidden] { display: none !important; }