/*
 * MAYIMIKOM — design tokens
 * Single source of truth for colors, typography, spacing, transitions.
 * Defined first so every other stylesheet can consume them.
 */

:root {
  /* Colors — warm earthy palette only (no greys, no cold tones) */
  --ink:          #1C1A14;
  --ink-mid:      #3D3526;
  --brown:        #5C4A2A;
  --brown-mid:    #8B6F47;
  --brown-light:  #C4A882;
  --kaki:         #7A7455;
  --kaki-deep:    #8A8462;   /* matches About photo background — used as section bg */
  --kaki-light:   #B5AD8F;
  --cream:        #F2ECD8;
  --cream-mid:    #E8E0C8;
  --cream-dark:   #D9CEAE;
  --linen:        #FAF7EE;
  --white:        #FDFBF5;
  --muted:        #8A8068;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* Spacing */
  --section-padding:    5rem 2rem;
  --section-padding-sm: 3rem 1.5rem;
  --max-width:          1200px;
  --text-width:         680px;

  /* Transitions */
  --transition:      0.2s ease;
  --transition-slow: 0.6s ease;
}