/* GratitudeOne — design tokens */
:root {
  /* Base palette */
  --color-bg: #ffffff;
  --color-text: #1a1a1a;
  --color-text-soft: #5a5a5a;
  --color-text-inv: #ffffff;
  --color-dark: #232323;
  --color-line: #ececec;
  --color-accent: #f15a29;

  /* Gradients per section (matched to Wix lookbook) */
  --grad-hero-home: linear-gradient(135deg, #f15a29 0%, #e91e63 50%, #9c27b0 100%);
  --grad-mission:   linear-gradient(135deg, #e91e63 0%, #9c27b0 60%, #4a148c 100%);
  --grad-stories:   linear-gradient(135deg, #f15a29 0%, #e91e63 33%, #9c27b0 66%, #4a148c 100%);
  --grad-about:     linear-gradient(135deg, #ffc107 0%, #ff9800 60%, #f15a29 100%);
  --grad-flow:      linear-gradient(135deg, #2962ff 0%, #d500f9 45%, #ff3d00 100%);
  --grad-contact:   linear-gradient(135deg, #66bb6a 0%, #2e7d32 100%);

  /* Typography — match Wix (Questrial headings, Helvetica body) */
  --font-display: "Questrial", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2rem;
  --sp-6: 3rem;
  --sp-7: 4rem;
  --sp-8: 6rem;
  --sp-9: 8rem;

  /* Layout */
  --container-max: 1400px;
  --container-pad: 1.5rem;

  /* Radius (Wix uses sharp corners) */
  --radius: 0;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: 150ms;
  --t-base: 250ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}