/* Matthew Smith Realty — design system v1 (fog 2026-08-18) · one source of truth */
@layer msr-tokens, msr-base, msr-components;
@layer msr-tokens{
  :root{
    /* primitives */
    --msr-cream:#eef1f3; --msr-cream-2:#e2e7ea; --msr-ink:#20242a; --msr-ink-2:#545c64;
    --msr-gold:#2e4a66; --msr-gold-ink:#24405c; --msr-gold-deep:#24405c; --msr-line:#d5dbe0; --msr-white:#fff;
    --msr-sage:#3f5b42; --msr-rust:#b4552f;
    /* semantic */
    --msr-surface:var(--msr-cream); --msr-surface-2:var(--msr-cream-2); --msr-card:var(--msr-white);
    --msr-text:var(--msr-ink); --msr-text-muted:var(--msr-ink-2); --msr-border:var(--msr-line);
    --msr-link:var(--msr-gold-ink); --msr-accent:var(--msr-gold); --msr-focus:#2e4a66;
    /* type + shape */
    --msr-serif:"Fraunces",Georgia,"Times New Roman",serif;
    --msr-sans:"Hanken Grotesk","Inter",-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
    --msr-nav-h:60px; --msr-r:16px; --msr-r-sm:11px;
    --msr-shadow:0 10px 30px rgba(20,24,30,.10); --msr-shadow-lg:0 20px 50px rgba(20,24,30,.16);
  }
}
@layer msr-components{
  .msr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;
    font-size:14px;line-height:1;cursor:pointer;padding:11px 18px;border:1px solid transparent;transition:.15s;
    white-space:nowrap;font-family:var(--msr-sans);text-decoration:none}
  .msr-btn--gold{background:var(--msr-gold);color:#fff}.msr-btn--gold:hover{background:var(--msr-gold-deep)}
  .msr-btn--ghost{background:transparent;border-color:var(--msr-border);color:var(--msr-text)}.msr-btn--ghost:hover{border-color:var(--msr-ink-2)}
  .msr-btn--dark{background:var(--msr-ink);color:#f2f5f7}.msr-btn--dark:hover{background:#151b21}
  .msr-btn:focus-visible{outline:3px solid var(--msr-focus);outline-offset:2px}
  .msr-card{background:var(--msr-card);border:1px solid var(--msr-border);border-radius:var(--msr-r);box-shadow:var(--msr-shadow)}
  .msr-eyebrow{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--msr-gold-deep);font-weight:700}
  .msr-serif{font-family:var(--msr-serif)}
  a{color:var(--msr-link)}
  a:focus-visible,button:focus-visible{outline:3px solid var(--msr-focus);outline-offset:2px}
}