/* Urban Home Dubai — warm residential agency. Cream + terracotta + olive. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Nunito+Sans:wght@400;600;700&display=swap");
@import url("base.css");

:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Nunito Sans", system-ui, sans-serif;
  --display-weight: 500;

  --bg: #fbf6ee;
  --bg-tint: #f3ead9;
  --bg-dark: #33402e;
  --ink: #33322c;
  --ink-soft: #6b6a5e;
  --ink-on-dark: #f6f1e4;
  --line: #e4d9c2;

  --accent: #c26e4b;
  --accent-bright: #e08a63;
  --accent-ink: #fff8ef;

  --nav-bg: #fbf6ee;
  --nav-ink: #33322c;
  --hero-scrim: linear-gradient(180deg, rgba(38,45,34,.42) 0%, rgba(38,45,34,.22) 40%, rgba(26,31,23,.88) 100%);
  --radius-btn: 999px;
  --radius-card: 18px;
  --card-bg: #fffdf7;
  --stat-bg: #fffdf7;
  --footer-bg: #33402e;
}

h1 em, h2 em { font-style: italic; font-weight: 400; color: var(--accent); }
.hero h1 em { color: var(--accent-bright); }
.nav { border-bottom-color: var(--line); }
.nav a.brand { color: var(--nav-ink); }
.stat b { color: var(--accent); }
.card .icon { border-radius: 50%; background: rgba(194,110,75,.12); }