/* ============================================================
   Beatrix & Alexander — design tokens
   ============================================================ */
:root{
  /* palette */
  --paper:        #F7F4F1;
  --paper-2:      #FBF8F5;
  --paper-3:      #FDFBF9;
  --maroon:       #471C26;
  --maroon-deep:  #3C1720;
  --ink:          #3A2328;
  --ink-soft:     #6A5854;
  --ink-faint:    #998B86;
  --blush:        #F9EFED;
  --blush-line:   #E8CDCA;
  --cream:        #F8F1EC;
  --cream-dim:    rgba(248,241,236,.78);
  --hairline:     rgba(58,35,40,.22);
  --hairline-soft:rgba(58,35,40,.13);
  --cream-line:   rgba(248,241,236,.32);

  /* type */
  --ff-display: 'Instrument Serif', 'Cormorant Garamond', serif;
  --ff-body:    'Inter', -apple-system, 'Segoe UI', sans-serif;
  --ff-script:  'Monsieur La Doulaise', 'Ballet', cursive;
  --ff-arabic:  'Amiri', 'Noto Naskh Arabic', serif;

  /* layout */
  --col:  620px;
  --pad:  34px;
  --sec-y: 92px;

  /* motion */
  --e-expo: cubic-bezier(.16,1,.3,1);
  --e-soft: cubic-bezier(.33,.66,.24,1);
  --d-slow: 1.1s;
}

@media (min-width: 900px){
  :root{ --pad: 52px; --sec-y: 110px; }
}