:root {
  --color-mineral-blue: #2F6F8F;
  --color-warm-ochre: #C77B49;
  --color-muted-stone: #7A7264;
  --color-pasture-green: #4E7C59;
  --color-mist-white: #F4F1EC;
  --color-deep-earth: #3B3028;

  --color-surface: var(--color-mist-white);
  --color-surface-soft: #FAF8F3;
  --color-surface-elevated: #F8F5F0;
  --color-surface-card: rgba(255, 255, 255, 0.84);
  --color-surface-card-strong: rgba(255, 255, 255, 0.92);

  --color-text: var(--color-deep-earth);
  --color-text-muted: var(--color-muted-stone);
  --color-text-inverse: #F8F4EE;

  --color-border: rgba(59, 48, 40, 0.14);
  --color-border-strong: rgba(59, 48, 40, 0.24);
  --color-border-inverse: rgba(255, 255, 255, 0.14);

  --color-accent: var(--color-mineral-blue);
  --color-accent-warm: var(--color-warm-ochre);
  --color-accent-green: var(--color-pasture-green);

  --hero-overlay-start: rgba(24, 20, 18, 0.60);
  --hero-overlay-mid: rgba(33, 31, 28, 0.34);
  --hero-overlay-end: rgba(24, 20, 18, 0.48);

  --shadow-soft: 0 18px 45px rgba(59, 48, 40, 0.10);
  --shadow-medium: 0 28px 70px rgba(59, 48, 40, 0.16);
  --shadow-card: 0 14px 34px rgba(59, 48, 40, 0.08);
  --shadow-hover: 0 22px 52px rgba(59, 48, 40, 0.14);

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-xl: 42px;
  --radius-pill: 999px;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-section: clamp(4rem, 9vw, 8rem);

  --container: min(1280px, calc(100% - 64px));
  --container-wide: min(1440px, calc(100% - 64px));
  --container-narrow: min(980px, calc(100% - 64px));

  --font-fa-heading: "Peyda", "IRANSansX", "Vazirmatn", sans-serif;
  --font-fa-body: "IRANSansX", "Vazirmatn", "Tahoma", sans-serif;
  --font-en-heading: "Cormorant Garamond", "Georgia", serif;
  --font-en-body: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  --fs-hero: clamp(2.7rem, 6vw, 6rem);
  --fs-h1: clamp(2.4rem, 5vw, 4.8rem);
  --fs-h2: clamp(2rem, 3.5vw, 3.6rem);
  --fs-h3: clamp(1.35rem, 2vw, 2rem);
  --fs-body: clamp(1rem, 1.15vw, 1.125rem);
  --fs-small: 0.875rem;
  --fs-meta: 0.78rem;

  --lh-heading: 1.08;
  --lh-body-fa: 1.92;
  --lh-body-en: 1.72;

  --dur-fast: 220ms;
  --dur-base: 420ms;
  --dur-slow: 900ms;
  --ease-standard: cubic-bezier(.22, .61, .36, 1);

  --z-base: 1;
  --z-elevated: 10;
  --z-header: 90;
  --z-overlay: 120;
  --z-modal: 300;
}

@media (max-width: 1023px) {
  :root {
    --container: min(100% - 48px, 1280px);
    --container-wide: min(100% - 48px, 1440px);
    --container-narrow: min(100% - 48px, 980px);
  }
}

@media (max-width: 767px) {
  :root {
    --container: min(100% - 36px, 1280px);
    --container-wide: min(100% - 36px, 1440px);
    --container-narrow: min(100% - 36px, 980px);
    --radius-md: 20px;
    --radius-lg: 26px;
    --radius-xl: 32px;
  }
}