/* Generated from tokens.json (Novairre design system). Do not edit by hand. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@400;500&display=swap");

:root {
  color-scheme: light dark;
  --bone-50: #f2eee6;
  --bone-100: #e7e1d5;
  --hairline: #d3cbbd;
  --ink-900: #14171f;
  --ink-600: #474c58;
  --ink-400: #5f6470;
  --midnight: #161c2b;
  --on-midnight: #f2eee6;
  --copper: #9a5a34;
  --on-copper: #f2eee6;
  --dusk: #2a3f6e;
  --font-display: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --font-sans: Jost, "Futura PT", Futura, "Century Gothic", system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-8: 32px;
  --space-16: 64px;
  --radius-none: 0px;
  --radius-sm: 2px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bone-50: #0d1017;
    --bone-100: #161a23;
    --hairline: #2a303c;
    --ink-900: #ece8de;
    --ink-600: #bdb8ad;
    --ink-400: #8d929c;
    --midnight: #2c3856;
    --on-midnight: #ece8de;
    --copper: #c98a5e;
    --on-copper: #0d1017;
    --dusk: #a3b6e0;
  }
}

:root[data-theme="dark"] {
  --bone-50: #0d1017;
  --bone-100: #161a23;
  --hairline: #2a303c;
  --ink-900: #ece8de;
  --ink-600: #bdb8ad;
  --ink-400: #8d929c;
  --midnight: #2c3856;
  --on-midnight: #ece8de;
  --copper: #c98a5e;
  --on-copper: #0d1017;
  --dusk: #a3b6e0;
}

/* Type styles */
.t-display { font-family: var(--font-display); font-size: 64px; line-height: 68px; font-weight: 500; letter-spacing: -0.01em; }}
.t-h1 { font-family: var(--font-display); font-size: 44px; line-height: 50px; font-weight: 500; }}
.t-h2 { font-family: var(--font-display); font-size: 30px; line-height: 36px; font-weight: 500; }}
.t-quote { font-family: var(--font-display); font-size: 24px; line-height: 34px; font-weight: 400; font-style: italic; }}
.t-h3 { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 500; }}
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }}
.t-small { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }}
.t-overline { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; }}