/* Shared design tokens — Hope Architects palette */
:root {
  --brand-green: #0b4e56;
  --brand-green-dark: #083840;
  --brand-green-light: #12707a;
  --prussian-blue: #0b4e56;
  --topbar-bg: var(--prussian-blue);
  --gold: #feee90;
  --gold-light: #fff6b8;
  --gold-dark: #e0d070;
  --gold-gradient: linear-gradient(90deg, #e0d070 0%, #feee90 50%, #fff6b8 100%);
  --gold-gradient-horizontal: var(--gold-gradient);
  --raisin-black-1: hsl(186, 75%, 12%);
  --raisin-black-2: hsl(186, 55%, 22%);
  --cultured-1: hsl(0, 0%, 93%);
  --cultured-2: hsl(186, 24%, 96%);
  --cadet: hsl(186, 15%, 43%);
  --white: #ffffff;
  --black: #000000;
  --dark-jungle-green: hsl(186, 60%, 10%);
  --misty-rose: hsl(48, 56%, 91%);
  --seashell: hsl(48, 100%, 97%);
  --opal: hsl(186, 20%, 62%);
  --alice-blue: hsl(186, 40%, 97%);
  --orange-soda: #feee90;

  --ff-display: 'Cormorant Garamond', serif;
  --ff-body: 'Outfit', sans-serif;

  --fs-1: 1.875rem;
  --fs-2: 1.5rem;
  --fs-3: 1.375rem;
  --fs-4: 1.125rem;
  --fs-5: 0.875rem;
  --fs-6: 0.813rem;
  --fs-7: 0.75rem;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;

  --transition: 0.3s ease;
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --section-padding: 100px;
  --shadow-1: 0 5px 20px 0 hsla(186, 56%, 21%, 0.1);
  --shadow-2: 0 16px 32px rgba(11, 78, 86, 0.12);
  --shadow-gold: 0 8px 32px rgba(254, 238, 144, 0.25);
  --shadow-gold-lg: 0 20px 40px rgba(254, 238, 144, 0.15);

  /* Shared layout tokens (footer + sections) */
  --section-inline: clamp(20px, 5vw, 80px);
  --section-gap: clamp(60px, 10vw, 120px);
  --surface-dark: #0b4e56;
  --surface-mid: #0d5c66;
}