/* Blissful Residence design tokens. The brand sheet in blueprint/reference/brand/ shows how they are used. */

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #3F6F1F;
  --color-primary-contrast: #F7FAF1;
  /* Lime is 1.8:1 on light surfaces: use it for fills and highlights behind dark text, never as text on light. */
  --color-accent: #9BCB3C;
  --color-surface: #F7FAF1;
  --color-surface-alt: #E9F2DA;
  --color-text: #1F2A1C;
  --color-text-muted: #56624F;
  /* Decorative dividers only; form field borders need 3:1, so use --color-text-muted there. */
  --color-border: #C9D6B5;

  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}