/* =========================================================
   BRAND THEME — Home, Featured Listings, Legacy, About, Contact,
   Terms & Privacy (the general-brokerage pages, as opposed to the
   4 project-specific pages which keep their own earthy/premium/cool
   identity via themes.css). Layers over style.css + themes.css.

   Ties the luxury dark system to the real NK Realestates logo: navy
   blue (dominant, from the logo's wordmark/swoosh) + gold (luxury
   signal) + a restrained touch of the logo's red as a rare accent —
   not a literal red/blue corporate palette, which would fight the
   "luxurious" brief.

   Shared structural fixes that used to live here (logo badge sizing,
   the .info-card heading treatment, the lighter .nk-bg-scrim) have
   moved into style.css since they benefit every page, not just this
   theme — this file now only holds what's genuinely brand-specific:
   the navy/gold/crimson palette itself and a few accent touches.
   ========================================================= */

body[data-theme="brand"] {
  --nk-bg: #060911;
  --nk-bg-alt: #0a0e18;
  --nk-surface: #10192c;
  --nk-surface-2: #16223b;
  --nk-border: rgba(196, 164, 86, 0.26);
  --nk-border-soft: rgba(210, 220, 240, 0.11);

  --nk-text: #f4f2ea;
  --nk-text-dim: #ccd2e0;
  --nk-text-mute: #8991a6;

  --nk-gold: #c9a227;
  --nk-gold-bright: #f0cf6a;
  --nk-gold-dim: #8a7326;
  --nk-gold-gradient: linear-gradient(115deg, #8a6d1f 0%, #e6c458 28%, #fbe7a1 45%, #c9a227 62%, #8a6d1f 100%);

  --nk-theme-a: #c9a227;   /* gold — primary accent, unchanged luxury signal */
  --nk-theme-b: #2a4a86;   /* navy — from the logo */
  --nk-theme-c: #101a30;   /* deep navy base tone */

  --nk-navy: #2a4a86;
  --nk-navy-bright: #4d74bf;
  --nk-crimson: #7a2230;
  --nk-crimson-bright: #a63347;
}

/* Thin ribbon at the very top of the page — a literal, restrained nod
   to the logo's own navy + gold + crimson, sized to feel like a detail,
   not a banner. */
body[data-theme="brand"] .nk-brand-ribbon {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  z-index: 90;
  background: linear-gradient(90deg, #2a4a86 0%, #c9a227 35%, #f0cf6a 50%, #c9a227 65%, #7a2230 100%);
}

/* Give the navy a little more presence in a couple of spots so the
   palette reads as intentional, not just "gold site with a logo
   pasted on top". */
body[data-theme="brand"] .nk-nav {
  border-bottom: 1px solid rgba(77, 116, 191, 0.18);
}
body[data-theme="brand"] .stat h3 {
  background: linear-gradient(120deg, var(--nk-gold-bright), var(--nk-gold) 60%, var(--nk-navy-bright));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  /* A couple of stat tiles across the site carry a wider string (e.g.
     "₹150 Cr+") instead of a short number — trim the clamp so it never
     wraps awkwardly next to the others. */
  font-size: clamp(1.7rem, 3vw, 2.6rem);
}
body[data-theme="brand"] .project-card__tag {
  background: rgba(10, 14, 24, 0.72);
}
body[data-theme="brand"] .btn-outline:hover {
  border-color: var(--nk-navy-bright);
  color: var(--nk-navy-bright);
}