/* Summit Real Estate Media brand: navy and gold, pulled from their logo.
   Montserrat 800 is close to the logo's heavy "SUMMIT" letters;
   Manrope keeps the body text clean and easy to read. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap");

:root{
  --black:#0C1B33; --ink:#13284A; --ink-2:#1A3358; --ink-3:#22406B;
  --gold:#E3A83B; --gold-2:#CF9227; --gold-soft:#FBF1DD;
  --white:#fff; --paper:#FAF6EE; --paper-2:#F1EBDF;
  --text:#13284A; --text-soft:#4A5874; --muted:#7C869A;
  --on-dark:#fff; --on-dark-soft:rgba(255,255,255,.76); --on-dark-muted:rgba(255,255,255,.55);
  --line:rgba(19,40,74,.12); --line-dark:rgba(255,255,255,.12);
  --font-head:"Montserrat", system-ui, sans-serif; --font-body:"Manrope", system-ui, sans-serif;
  /* What the owner can change in Blue Hour (Settings, Edit my website) */
  --ink:#13284A; /* edit: Main navy */
  --gold:#E3A83B; /* edit: Accent gold */
  --paper:#FAF6EE; /* edit: Light background */
  --text:#13284A; /* edit: Text color */
  --font-head:"Montserrat", system-ui, sans-serif; /* edit-font: Headline font */
  --font-body:"Manrope", system-ui, sans-serif; /* edit-font: Body font */
  --radius:18px; --radius-sm:10px; --btn-radius:10px;

  /* order form */
  --bk-bg:var(--paper); --bk-surface:#FFFFFF; --bk-input:#FFFFFF;
  --bk-ink:var(--text); --bk-soft:var(--text-soft); --bk-muted:var(--muted);
  --bk-line:#E4DDCF; --bk-tint:var(--gold-soft); --bk-hover:#FDF9F1;
  --bk-accent:#E3A83B; --bk-accent-ink:#13284A; --bk-accent-text:#A8721A; --bk-ring:rgba(227,168,59,.3);
  --bk-head:var(--font-head); --bk-head-weight:800; --bk-head-track:-.01em; --bk-head-case:uppercase;
  --bk-body:var(--font-body);
  --bk-radius:18px; --bk-radius-sm:10px; --bk-btn-radius:10px; --bk-btn-case:uppercase; --bk-btn-track:.04em;
  --bk-em-style:normal;
  --bk-shadow:0 1px 2px rgba(19,40,74,.05),0 16px 40px rgba(19,40,74,.08);
  --bk-bar-bg:rgba(255,255,255,.96);
  --lb-bg:rgba(8,18,36,.96);
}