@import url("/assets/fonts/fraunces-87aa83.css");
:root {
  --navy: #12355b;
  --navy-light: #18466f;
  --teal: #1fa6a2;
--teal-ink: #0c6f6b;
  /* Text-safe partner for --coral, which is a fill colour only (3.0:1 on white). */
  --coral-ink: #9c4326;
  --teal-light: #dff2ee;
  --amber: #f2c15b;
  --amber-light: #fef7e0;
  --cream: #f7f4ec;
  --coral: #d9795d;
  --coral-light: #fce6de;
  --white: #ffffff;
  --bg: var(--cream);
  --card: #ffffff;
  --ink: #21313f;
  --muted: #5f6f80;
  --line: #d7e2ed;

  --success: #0f7c4a;
  --success-bg: #e6f7ef;
  --error: #b64e2f;
  --error-bg: #fef0ec;
  --hint: #875f00;
  --hint-bg: #fef7e0;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Hanken Grotesk", Calibri, "Segoe UI", system-ui, sans-serif;

  --shadow: 0 8px 30px rgba(18, 53, 91, 0.05);
  --shadow-sm: 0 4px 12px rgba(18, 53, 91, 0.02);
}