/* =========================================================
   MAV UNITED REALTY — OFFICIAL DESIGN TOKENS
   ========================================================= */
:root {
  /* ── Official Color Palette ── */
  --color-ink:            #0B0F17;   /* MAV Ink — principal authority color */
  --color-primary:        #0B0F17;   /* Primary dark */
  --color-primary-light:  #141B29;   /* Soft dark surface */

  --color-limestone:      #F2EFE7;   /* Limestone — warm refined light sections */
  --color-surface-light:  #F2EFE7;   /* Light section background */
  
  --color-bronze:         #A77A52;   /* Bronze — buttons, rules, accents */
  --color-accent-warm:    #A77A52;   /* Bronze primary accent */
  --color-bronze-hover:   #936842;   /* Slightly deeper bronze for hover */
  --color-bronze-dim:     rgba(167, 122, 82, 0.15);

  --color-warm-stone:     #D8D0C4;   /* Warm Stone — borders & dividers */
  --color-border:         rgba(216, 208, 196, 0.25);
  --color-border-dark:    rgba(11, 15, 23, 0.12);

  --color-white:          #FFFFFF;   /* Pure white */
  --color-text-dark:      #0B0F17;   /* Primary text on light sections */
  --color-text-light:     #F2EFE7;   /* Primary text on dark sections */
  --color-text-muted:     rgba(11, 15, 23, 0.65);
  --color-text-muted-dark: rgba(242, 239, 231, 0.65);

  /* ── Typography ── */
  --font-serif:   'Cormorant Garamond', 'Playfair Display', serif;
  --font-sans:    'Manrope', 'Plus Jakarta Sans', sans-serif;

  /* ── Spacing ── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* ── Border Radius (Architectural & Sharp) ── */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-subtle: 0 4px 20px rgba(11,15,23,0.06);
  --shadow-card:   0 12px 32px rgba(11,15,23,0.08);

  /* ── Transitions ── */
  --transition-fast: 200ms cubic-bezier(0.25, 1, 0.5, 1);
  --transition-base: 350ms cubic-bezier(0.25, 1, 0.5, 1);
  --transition-slow: 700ms cubic-bezier(0.25, 1, 0.5, 1);

  /* ── Layout ── */
  --container-max:  1360px;
  --container-wide: 1600px;
  --nav-height:     90px;

  /* ── Z-Index ── */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    400;
  --z-chatbot:  500;
}