/* ═══════════════════════════════════════════════════════════
   MAXXVALUE — Design Tokens
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Brand Teal ── */
  --teal:        #1B8878;
  --teal-dark:   #156960;
  --teal-hover:  #22A090;
  --teal-light:  #E8F5F3;
  --teal-bg:     rgba(27, 136, 120, 0.08);

  /* ── Neutrals ── */
  --white:       #FFFFFF;
  --off-white:   #F7FAF9;
  --light:       #F2F5F4;
  --border:      #E0E8E6;
  --dark:        #1A1A1A;
  --text:        #333333;
  --text-muted:  #777777;
  --text-light:  #AAAAAA;

  /* ── Admin / dark theme ── */
  --charcoal:    #1C1C1C;
  --panel:       #242424;
  --gold:        #1B998B;
  --gold-light:  #3DB8A8;
  --gold-pale:   #E8F7F5;

  /* ── Status colors ── */
  --red:         #E05252;
  --green:       #52C07A;
  --blue:        #5289E0;

  /* ── Font aliases ── */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'DM Sans', 'Open Sans', sans-serif;

  /* ── Property page ── */
  --cream:       #FAF6EF;
  --espresso:    #2C1A0E;
  --copper:      #1B8878;
  --copper-light:#22A090;
  --muted-warm:  #7A6A5A;
  --border-warm: rgba(27, 136, 120, 0.2);
  --sand:        #F0E6D3;

  /* ── Shadows ── */
  --shadow:      0 2px 16px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 30px rgba(0,0,0,0.12);
  --shadow-lg:   0 8px 50px rgba(0,0,0,0.15);

  /* ── Typography ── */
  --font-body:    'DM Sans', 'Open Sans', sans-serif;
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;

  /* ── Homepage legacy aliases ── */
  --warm-white:  #FFFFFF;
  --text-muted:  #777777;
  --warm:        #F7FAF9;
  --muted:       #777777;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }