@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/hanken-grotesk-latin.woff2") format("woff2");
}

:root {
  --bg: #f6f2ec;
  --surface: #ffffff;
  --surface-2: #fbf8f3;
  --ink: #1c1a17;
  --ink-soft: #46423b;
  --muted: #8c8479;
  --line: #e8e1d6;
  --coral: #d85c3e;
  --coral-deep: #be4a2e;
  --coral-ink: #b0402a;
  --coral-tint: #fbeae2;
  --coral-tint-line: #f3d2c5;
  --gold: #e0a458;
  --green: #5e9b73;
  --green-tint: #e9f1ea;
  --green-line: #cce0d1;
  --tan: #ece3d6;
  --danger: #d7263d;
  --danger-tint: #fef0ee;
  --danger-line: #f5c6c0;
  --blue: #1f6fd0;

  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(28, 26, 23, 0.04), 0 6px 18px rgba(28, 26, 23, 0.06);
  --cta-shadow: 0 8px 20px rgba(216, 92, 62, 0.3);
  --focus-ring: 0 0 0 3px rgba(216, 92, 62, 0.12);

  --content-max: 500px;
  --page-gutter: 18px;
  --field-height: 54px;
  --tap-min: 44px;
}