/* Royal Sanctuary Estate design tokens (from the Stitch design system). Change brand values here only. */
:root {
  /* Brand */
  --forest: #1F3A2B;          /* primary: nav, footer, authority surfaces */
  --forest-deep: #082417;     /* darkest green, hero grounds */
  --botanical: #24412F;       /* layered dark cards */
  --gold: #C8A15A;            /* CTAs, hairlines, metrics */
  --gold-hover: #B8924B;
  --gold-muted: #DFC189;      /* gold text on dark grounds */
  --gold-text: #785919;       /* gold text on light grounds (AA contrast) */
  --gold-subtle: rgba(200, 161, 90, 0.15);
  --gold-line: rgba(200, 161, 90, 0.3);
  --whatsapp: #25D366;

  /* Neutrals */
  --ivory: #F8F6F1;           /* master canvas */
  --surface: #FBF9F4;
  --surface-low: #F5F3EE;
  --surface-mid: #F0EEE9;
  --white: #FFFFFF;
  --stone: #E6E2D8;           /* hairline borders */
  --charcoal: #1B1D17;        /* body text */
  --ink-2: #424843;           /* secondary text */
  --ink-3: #727973;           /* captions */
  --on-dark: #F2F1EC;
  --on-dark-2: #C9D3CB;
  --green-tint: #86A490;

  /* Overlays */
  --scrim: linear-gradient(180deg, rgba(8, 36, 23, 0.7) 0%, rgba(8, 36, 23, 0.55) 45%, rgba(27, 29, 23, 0.94) 100%);
  --scrim-side: linear-gradient(90deg, rgba(8, 36, 23, 0.95) 0%, rgba(8, 36, 23, 0.85) 40%, rgba(31, 58, 43, 0.35) 100%);

  /* Type */
  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hindi: 'Noto Sans Devanagari', 'Nirmala UI', 'Mangal', 'Kohinoor Devanagari', 'DM Sans', sans-serif;

  /* Shape */
  --r-sm: 2px;
  --r: 4px;
  --r-lg: 8px;
  --r-xl: 12px;
  --r-pill: 9999px;

  /* Space */
  --container: 1280px;
  --gutter: 1.5rem;
  --margin: 3rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Depth */
  --shadow-float: 0 16px 36px -12px rgba(27, 29, 23, 0.08), 0 2px 6px 0 rgba(27, 29, 23, 0.02);
  --shadow-lift: 0 24px 48px -16px rgba(27, 29, 23, 0.18);

  --header-h: 80px;
  color-scheme: light;
}

@media (max-width: 767px) {
  :root {
    --gutter: 1rem;
    --margin: 1.25rem;
    --space-3xl: 4rem;
    --space-2xl: 3rem;
    --header-h: 68px;
  }
}