/* LaunchOS design tokens — generated from config/church.config.json.
   Exact brand values ported from the Intro Church source. */
:root {
  /* Colour — exact Intro values */
  --color-primary: #E85826;       /* brand orange */
  --color-primary-dark: #C74516;
  --color-primary-soft: #FBDCCB;
  --color-secondary: #F07A4B;
  --color-secondary-soft: #FCE6D9;
  --color-accent: #F5A623;
  --color-accent-soft: #FCEFD8;
  --color-bg: #FBF4E2;            /* logo background cream */
  --color-surface: #FFFFFF;
  --color-dark: #1E1B16;          /* warm near-black ink */
  --color-dark-soft: #2A251E;
  --color-text: #4A443C;
  --color-text-muted: #7B7266;
  --color-line: rgb(30 27 22 / 0.15);
  --color-border: rgb(30 27 22 / 0.15);
  --color-white: #FFFFFF;
  --color-error: #DC2626;
  --color-success: #16A34A;

  /* Typography — exact Intro fonts */
  --font-heading: "Outfit", Helvetica, Arial, sans-serif;
  --font-body: "Inter", Helvetica, Arial, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;

  /* Spacing / layout */
  --space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.5rem;  --space-6: 2rem;
  --space-7: 3rem;     --space-8: 4rem;    --space-9: 6rem;
  --section-pad: 110px;
  --side-pad: 4vw;

  /* Shape & elevation */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 1.75rem;
  --radius-full: 999px;
  --shadow-md: 0 6px 20px -4px rgb(30 27 22 / 0.10);
  --shadow-lg: 0 25px 50px -20px rgb(30 27 22 / 0.35);

  /* Motion — exact Intro easing */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 300ms;
}