/* ==========================================================================
   Design Tokens — Seed Thoughts & Synchronicity
   Derived from the book cover's painterly aesthetic.
   ========================================================================== */

:root {
  /* --- Colors --- */

  /* Primary: warm golds from the book's sunlit tones */
  --color-gold: #D4A853;
  --color-amber: #C4843A;

  /* Accent: muted purples/mauves for spiritual warmth */
  --color-purple: #8B7B9E;
  --color-mauve: #B5A0B5;

  /* Neutrals */
  --color-cream: #F5F0E8;
  --color-earth: #3A2E2A;
  --color-text: #2C2420;
  --color-text-light: #6B5344;
  --color-white: #FFFFFF;

  /* Functional */
  --color-link: #8B7B9E;
  --color-link-hover: #6A5C7E;
  --color-focus: #D4A853;

  /* --- Typography --- */

  /* Headings: elegant serif from Google Fonts */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;

  /* Body: clean sans-serif from Google Fonts */
  --font-body: 'Source Sans 3', 'Source Sans Pro', -apple-system, sans-serif;

  /* Scale (modular, roughly 1.25 ratio) */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-lg: 1.125rem;   /* 18px */
  --text-xl: 1.25rem;    /* 20px */
  --text-2xl: 1.5rem;    /* 24px */
  --text-3xl: 2rem;      /* 32px */
  --text-4xl: 2.5rem;    /* 40px */
  --text-5xl: 3rem;      /* 48px */

  /* Line heights */
  --leading-tight: 1.2;
  --leading-normal: 1.6;
  --leading-relaxed: 1.8;

  /* --- Spacing (4px base unit) --- */
  --space-1: 0.25rem;    /* 4px */
  --space-2: 0.5rem;     /* 8px */
  --space-3: 0.75rem;    /* 12px */
  --space-4: 1rem;       /* 16px */
  --space-5: 1.25rem;    /* 20px */
  --space-6: 1.5rem;     /* 24px */
  --space-8: 2rem;       /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */
  --space-16: 4rem;      /* 64px */
  --space-20: 5rem;      /* 80px */
  --space-24: 6rem;      /* 96px */

  /* --- Layout --- */
  --max-width: 1200px;
  --max-width-narrow: 800px;
  --max-width-text: 650px;

  /* --- Decorative --- */
  --gradient-brand: linear-gradient(to right, var(--color-gold), var(--color-purple));
  --border-radius: 4px;
  --transition-speed: 0.3s;
}