:root {
  --gj-mehroon-950: #24060D;
  --gj-mehroon-900: #350812;
  --gj-mehroon-800: #4A0917;
  --gj-mehroon-700: #5C0A1A;

  --gj-gold-700: #9B7728;
  --gj-gold-600: #B89135;
  --gj-gold-500: #D4AF37;
  --gj-gold-300: #E7CE83;

  --gj-ivory: #FFF9EF;
  --gj-cream: #F5EBDD;
  --gj-blush: #E8CDC8;
  --gj-ink: #211819;
  --gj-muted: #766769;

  --gj-plum: #761429;
  --gj-ochre: #9B6B28;
  --gj-rose-ink: #4F4445;
  --gj-announce-ink: #F3E6CE;

  --gj-bg: var(--gj-ivory);
  --gj-surface: #FFFFFF;
  --gj-text: var(--gj-ink);
  --gj-border: rgba(36, 6, 13, 0.12);
  --gj-hairline: rgba(212, 175, 55, 0.55);
  --gj-gold-soft: rgba(184, 145, 53, 0.55);
  --gj-gold-line: rgba(155, 119, 40, 0.26);
  --gj-ivory-alpha: rgba(255, 249, 239, 0.94);

  --gj-font-display: "Cormorant Garamond", "Times New Roman", serif;
  --gj-font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --gj-space-1: 0.25rem;
  --gj-space-2: 0.5rem;
  --gj-space-3: 0.75rem;
  --gj-space-4: 1rem;
  --gj-space-5: 1.5rem;
  --gj-space-6: 2rem;
  --gj-space-7: 3rem;
  --gj-space-8: 4rem;
  --gj-space-9: 6rem;

  --gj-radius-sm: 2px;
  --gj-radius-md: 4px;
  --gj-radius-lg: 8px;

  --gj-container: 1280px;
  --gj-page-max: 1720px;
  --gj-gutter: clamp(1rem, 4vw, 2.5rem);

  --gj-announcement-height: 42px;
  --gj-header-height: 100px;
  --gj-header-h: var(--gj-header-height);
  --gj-announce-h: var(--gj-announcement-height);
  --gj-hero-content-max: 560px;

  --gj-shadow-sm: 0 1px 2px rgba(36, 6, 13, 0.06);
  --gj-shadow-md: 0 8px 24px rgba(36, 6, 13, 0.10);
  --gj-shadow-card: 0 10px 40px rgba(73, 22, 24, 0.08);

  --gj-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --gj-dur-fast: 160ms;
  --gj-dur: 280ms;

  --gj-z-header: 100;
  --gj-z-drawer: 200;
}

@media (max-width: 1023px) {
  :root {
    --gj-announcement-height: 32px;
    --gj-header-height: 70px;
  }
}