/* Inter, self-hosted by the parent site.
 *
 * These pages used to fetch four static weights of Inter from fonts.gstatic.com
 * alongside their display face. lunarwebstudio.com already serves a 100-900
 * variable Inter one directory up, so that was a second origin, a second
 * connection and four extra files for a typeface already sitting on this host.
 *
 * The display face (Fraunces, or Playfair Display on the bakd preview) still
 * comes from Google, so the preconnects in each page's head are still earning
 * their place. Only the Inter half of the request is gone.
 *
 * Relative, not absolute: the demos link the parent site's favicons by absolute
 * URL, which pins them to production, but a relative path keeps working on a
 * deploy preview and on the .netlify.app hostname too.
 *
 * Inter is SIL OFL 1.1; see ../fonts/OFL.txt. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-ext-var.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ─────────────────────────────────────────────────────────────────────────
   BRAND TOKENS: Lunar Home Designs
   Instantiated from kit/brand.css. The names come from the contract; every
   value here is this brand's own, taken from what the stylesheet was already
   using rather than imposed on it.

   Loaded before styles.css so these are in place when the rules that use them
   are read.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light;

  /* ── Palette ────────────────────────────────────────────────────────────
     Mapped from the names this build grew on its own. The old names are kept
     as aliases below so nothing had to be rewritten to introduce these. */
  --bg-1: #faf7f1;              /* warm paper, the page */
  --bg-2: #ffffff;              /* raised surface, cards */
  --bg-3: #f3eee3;              /* the furthest surface */
  --text: #14171c;
  --muted: #5a6172;
  --border: #e7dfcf;

  --accent-rgb: 185 84 45;      /* #b9542d, terracotta */
  --accent: rgb(var(--accent-rgb));
  --accent-2: #f4e3d6;          /* the soft partner */

  /* ── Spacing ────────────────────────────────────────────────────────────
     In px because this build is in px, and the contract fixes names, not
     units. The steps are its own most-used lengths: 14px appears thirteen
     times, 8px nine, 16px eight, 12px eight. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 22px;
  --space-6: 28px;
  --space-7: 32px;
  --space-8: 56px;

  /* ── Type ───────────────────────────────────────────────────────────────
     Whole pixels through the body range. Declared but not yet adopted: this
     build still writes .78rem, .82rem, .92rem, .94rem and .96rem directly,
     which is five sizes inside three pixels. Moving them onto these steps
     moves type and so wants the differ and a look, exactly as it did on
     lunarwebstudio.com. */
  --text-1: 0.75rem;    /* 12px */
  --text-2: 0.8125rem;  /* 13px */
  --text-3: 0.875rem;   /* 14px */
  --text-4: 0.9375rem;  /* 15px */
  --text-5: 1rem;       /* 16px */
  --text-6: 1.0625rem;  /* 17px */
  --text-7: 1.25rem;    /* 20px */
  --text-8: 2.25rem;    /* 36px */
  --text-9: 2.625rem;   /* 42px */

  /* ── Radius ─────────────────────────────────────────────────────────────
     This build had already reached for --radius-sm / --radius / --radius-lg
     on its own; those are its steps under the contract's names. */
  --radius-1: 4px;
  --radius-2: 10px;
  --radius-3: 16px;
  --radius-4: 24px;
  --radius-5: 32px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ── Shadow ─────────────────────────────────────────────────────────────
     Three shared elevations, already named that way here. */
  --shadow-sm: 0 1px 2px rgba(20,23,28,.04), 0 1px 1px rgba(20,23,28,.03);
  --shadow-md: 0 12px 32px -16px rgba(20,23,28,.18), 0 2px 6px rgba(20,23,28,.04);
  --shadow-lg: 0 28px 60px -28px rgba(20,23,28,.28);

  /* ── Aliases ────────────────────────────────────────────────────────────
     The names this build already used, kept pointing at the contract so the
     existing rules keep working untouched. New rules should use the names
     above; these can go once nothing references them. */
  --bg: var(--bg-1);
  --bg-grain: var(--bg-3);
  --surface: var(--bg-2);
  --surface-2: #fbf8f2;
  --ink: var(--text);
  --ink-soft: #2a2f3a;
  --line: var(--border);
  --line-strong: #d8cdb6;
  --accent-hover: #9e4624;
  --accent-soft: var(--accent-2);
  --forest: #2d4a3a;
  --forest-soft: #e2ebe2;
  --gold: #b08a4f;
  --radius-sm: var(--radius-2);
  --radius: var(--radius-3);
  --radius-lg: var(--radius-4);
  --container: min(1180px, 92vw);
}