:root {
  --color-navy: #10142a;
  --color-navy-mid: #171d38;
  --color-navy-light: #1e2547;
  --color-navy-deep: #0b0e1f;
  --color-navy-footer: #0b0e1f;
  --color-gold: #c9a35d;
  --color-gold-light: #e6cc91;
  --color-gold-pale: #f5edd6;
  --color-cream: #faf7f0;
  --color-warm-white: #fffdf8;
  --color-body: #5d6170;
  --color-dark-text: #171927;
  --color-saffron: #e8924a;
  --color-text: #5d6170;
  --color-text-dark: #3d4152;
  --color-text-legal: #3a3d4f;
  --color-background: #faf7f0;
  --color-primary: #c9a35d;
  --color-secondary: #10142a;
  --color-whatsapp: #25d366;
  --color-success: #34d399;
  --color-muted: #9ca3af;
  --color-muted-light: #d1d5db;
  --color-gray: #374151;

  --font-primary: "Manrope", "Noto Sans Devanagari", system-ui, sans-serif;
  --font-secondary: "Playfair Display", "Tiro Devanagari Hindi", Georgia, serif;
  --font-display: "Playfair Display", "Tiro Devanagari Hindi", Georgia, serif;
  --font-body: "Manrope", "Noto Sans Devanagari", system-ui, sans-serif;

  --container-width: 1320px;
  --container-narrow: 1152px;
  --container-article: 1024px;
  --container-prose: 768px;
  --container-form: 900px;

  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 64px;
  --spacing-2xl: 80px;
  --spacing-3xl: 112px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;
  --transition-card: 0.3s ease;

  --shadow-card: 0 2px 16px rgba(16, 20, 42, 0.06);
  --shadow-card-hover: 0 16px 48px rgba(16, 20, 42, 0.12);
  --shadow-gold: 0 8px 32px rgba(201, 163, 93, 0.35);
  --shadow-header: 0 2px 32px rgba(0, 0, 0, 0.35);

  --header-height: 88px;
  --z-header: 50;
  --z-dropdown: 60;
  --z-sticky: 50;

  --gold-20: rgba(201, 163, 93, 0.2);
  --gold-18: rgba(201, 163, 93, 0.18);
  --gold-15: rgba(201, 163, 93, 0.15);
  --gold-12: rgba(201, 163, 93, 0.12);
  --gold-10: rgba(201, 163, 93, 0.1);
  --cream-70: rgba(250, 247, 240, 0.7);
  --cream-60: rgba(250, 247, 240, 0.6);
  --cream-55: rgba(250, 247, 240, 0.55);
  --cream-50: rgba(250, 247, 240, 0.5);
  --cream-45: rgba(250, 247, 240, 0.45);
}

html[lang="hi"] {
  --font-primary: "Noto Sans Devanagari", "Manrope", system-ui, sans-serif;
  --font-secondary: "Tiro Devanagari Hindi", "Playfair Display", Georgia, serif;
  --font-display: "Tiro Devanagari Hindi", "Playfair Display", Georgia, serif;
  --font-body: "Noto Sans Devanagari", "Manrope", system-ui, sans-serif;
}

html[data-lang-pending] body {
  visibility: hidden;
}

@media (min-width: 1024px) {
  :root {
    --page-pad: 40px;
  }
}