/* Morgan Real Estate — design tokens
   Mauve / cream / black. Modern feminine, professional, uncluttered. */

:root {
  /* ink + neutrals */
  --ink:          #17151A;
  --ink-soft:     #2A2429;
  --text:         #2A2429;
  --text-muted:   #857A81;
  --text-faint:   #A99EA5;

  /* cream ground */
  --cream:        #FAF6F3;
  --cream-deep:   #F3EDE8;
  --card:         #FFFFFF;

  /* mauve / dusty rose */
  --mauve:        #B07C8A;
  --mauve-deep:   #8D5C6B;
  --mauve-dark:   #6E4553;
  --blush:        #E9D7DA;
  --blush-pale:   #F6EBED;
  --blush-wash:   #FCF6F7;

  /* support */
  --line:         #EAE2DE;
  --line-soft:    #F2EBE7;
  --green:        #6F9B7E;
  --green-pale:   #E4EFE7;
  --amber:        #C79A5C;
  --amber-pale:   #F7EEE0;

  /* type */
  --font-ui:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;

  /* geometry */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 18px;
  --r-xl: 26px;

  --shadow-sm: 0 1px 2px rgba(46,32,38,.05), 0 1px 3px rgba(46,32,38,.04);
  --shadow:    0 2px 8px rgba(46,32,38,.06), 0 8px 24px rgba(46,32,38,.05);
  --shadow-lg: 0 8px 28px rgba(46,32,38,.10), 0 24px 60px rgba(46,32,38,.10);

  --nav-w: 236px;
  --ease: cubic-bezier(.4,0,.2,1);
}