@import "tailwindcss";

:root {
  --navy: #0f1f44;
  --navy-soft: #152a45;
  --gold: #c9a227;
  --gold-dark: #9a7619;
  --page: #f6f7fb;
  --muted: #5c6478;
  --line: rgba(15, 31, 68, 0.08);
}

@theme inline {
  --font-sans: var(--font-sans);
  --font-display: var(--font-display);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans), system-ui, sans-serif;
  color: var(--navy);
  background: var(--page);
}

::selection {
  background: color-mix(in srgb, var(--gold) 35%, white);
  color: var(--navy);
}