/* Public design tokens and font faces. */

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-variable.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400 700;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-italic-variable.woff2") format("woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400 700;
}

@font-face {
  font-family: "Trajan Pro 3";
  src: url("/assets/fonts/trajan-pro-3-regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --brand-pine: #163732;
  --brand-taupe: #94795e;
  --brand-teal: #28917a;
  --brand-mint: #40ddc2;
  --brand-cream: #f2e8e1;
  --page: #fbf7f4;
  --surface: #ffffff;
  --header-surface: rgba(242, 232, 225, 0.94);
  --surface-soft: rgba(242, 232, 225, 0.72);
  --surface-muted: rgba(148, 121, 94, 0.14);
  --ink: var(--brand-pine);
  --ink-soft: rgba(22, 55, 50, 0.78);
  --muted: var(--brand-taupe);
  --line: rgba(148, 121, 94, 0.28);
  --line-strong: rgba(22, 55, 50, 0.42);
  --green: var(--brand-teal);
  --green-deep: var(--brand-pine);
  --accent: var(--brand-mint);
  --white: #ffffff;
  --shadow: 0 22px 60px rgba(22, 55, 50, 0.12);
  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Trajan Pro 3", "Times New Roman", Times, serif;
  --radius: 8px;
  --content: 1180px;
  --header-content: 1360px;
}