/* ==========================================================================
   CCAP SYNOD OF ZAMBIA — DESIGN TOKENS
   v2 — Visual Refresh: warmer neutrals, deepened primary, larger type scale.
   ========================================================================== */

:root {

/* ----------------------------------------------------------------------
     COLOR PALETTE — purple primary (Synod colors: white, black, purple),
     gold retained as secondary accent (a traditional, complementary
     ecclesiastical pairing with purple).
     ---------------------------------------------------------------------- */

/* Primary (main: #353765) */
   --color-primary-h: 238;
   --color-primary-s: 31%;
   --color-primary-l: 30%;
   --color-primary: #353765;
   --color-primary-dark: hsl(var(--color-primary-h), var(--color-primary-s), 18%);
   --color-primary-light: hsl(var(--color-primary-h), var(--color-primary-s), 42%);
   --color-primary-subtle: hsl(var(--color-primary-h), 40%, 91%);

   /* Accent (used by buttons) — replaced yellow with #ED3B4A */
   --color-gold: #ED3B4A;
   --color-gold-dark: #c73237;
   --color-gold-light: #ff9b82;

  /* Neutrals — true black/near-black for dark sections and body text,
     replacing the old navy-tinted grays. */
  --color-white: hsl(0, 0%, 100%);
  --color-ivory: hsl(0, 0%, 98%);
  --color-gray-50:  hsl(0, 0%, 97%);
  --color-gray-100: hsl(0, 0%, 93%);
  --color-gray-200: hsl(0, 0%, 87%);
  --color-gray-300: hsl(0, 0%, 74%);
  --color-gray-500: hsl(0, 0%, 46%);
  --color-gray-700: hsl(0, 0%, 24%);
  --color-gray-900: hsl(0, 0%, 9%);

  --color-text-primary: var(--color-gray-900);
  --color-text-secondary: var(--color-gray-500);
  --color-text-on-primary: var(--color-white);
  --color-text-on-dark: var(--color-gray-100);

  --color-success: hsl(142, 55%, 36%);
  --color-error:   hsl(0, 65%, 45%);
  --color-warning: hsl(38, 85%, 47%);
  --color-info:    var(--color-primary);


  /* ----------------------------------------------------------------------
     TYPOGRAPHY — scale bumped up a step for more editorial confidence
     ---------------------------------------------------------------------- */

  --font-heading: 'Poppins', 'Segoe UI', sans-serif;
  --font-body: 'Open Sans', 'Segoe UI', sans-serif;

  --fs-base: 1rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.8rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.75rem;
  --fs-4xl: 3.75rem;      /* was 3rem — hero titles now genuinely large */
  --fs-5xl: 4.75rem;      /* NEW — reserved for hero scripture-quote moments */

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.15;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;


  /* ----------------------------------------------------------------------
     SPACING SCALE (unchanged)
     ---------------------------------------------------------------------- */

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 6rem;


  /* ----------------------------------------------------------------------
     LAYOUT
     ---------------------------------------------------------------------- */

  --container-max-width: 1200px;
  --container-padding: var(--space-4);

  --bp-mobile: 480px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1280px;


  /* ----------------------------------------------------------------------
     BORDERS, RADIUS, SHADOWS — softened, less "boxed widget"
     ---------------------------------------------------------------------- */

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  --border-width: 1px;
  --border-color: var(--color-gray-200);

  --shadow-sm: 0 1px 3px hsla(220, 20%, 15%, 0.05);
  --shadow-md: 0 6px 16px hsla(220, 20%, 15%, 0.07);
  --shadow-lg: 0 16px 40px hsla(220, 20%, 15%, 0.10);


  /* ----------------------------------------------------------------------
     TRANSITIONS
     ---------------------------------------------------------------------- */

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;


  /* ----------------------------------------------------------------------
     Z-INDEX SCALE
     ---------------------------------------------------------------------- */

  --z-dropdown: 100;
  --z-sticky-nav: 200;
  --z-modal-backdrop: 300;
  --z-modal: 310;
  --z-toast: 400;
}