*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Avenir Next", "Avenir", "Trebuchet MS", "Segoe UI", sans-serif;
  background: #ffffff;
  color: #1c1c1c;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html.modal-open,
body.modal-open {
  overflow: hidden;
}

img {
  max-width: 100%;
  display: block;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

:root {
  --ink: #151a27;
  --ink-muted: #4a5568;
  --paper: #f5f7fb;
  --card: rgba(255, 255, 255, 0.9);
  --accent: #1f3a65;
  --accent-dark: #0f1d33;
  --accent-soft: rgba(31, 58, 101, 0.12);
  --shadow: rgba(15, 23, 42, 0.18);
  --border: rgba(31, 58, 101, 0.12);
}