/* ============================================
   THEME — design tokens for kateelizsimon.com
   All colors, fonts, spacing defined here once
   ============================================ */

/* --- FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,900&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  /* COLORS */
  --color-cream:       #f5f0e8;
  --color-cream-dark:  #ede8df;
  --color-sage:        #7c8c6e;
  --color-sage-light:  #a8b89a;
  --color-olive:       #3d3d2a;
  --color-blush:       #d4a89a;
  --color-ink:         #2e2e2a;
  --color-ink-light:   #6b6860;
  --color-ink-faint:   #a8a49e;

  /* FONTS */
  --font-script: 'Pacifico', cursive;
  --font-serif:  'Playfair Display', serif;
  --font-sans:   'DM Sans', sans-serif;

  /* TYPE SCALE */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-hero: clamp(4rem, 14vw, 10rem);

  /* SPACING (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* OTHER */
  --transition:  0.2s ease;
  --radius-md:   8px;
  --radius-lg:   16px;
}