:root {
  --font-family-base: "Inter", "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-arabic: "Cairo", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --font-size-xs: 0.78rem;
  --font-size-sm: 0.9rem;
  --font-size-base: 1rem;
  --font-size-md: 1.08rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.65rem;
  --font-size-2xl: 2.25rem;
  --font-size-hero: 3.65rem;

  --line-height-tight: 1.08;
  --line-height-base: 1.7;

  --color-brand-primary: #c6a24a;
  --color-brand-secondary: #0b0d0c;
  --color-brand-accent: #e6d59a;
  --color-brand-ink: #0b0d0c;

  --radius-sm: 6px;
  --radius-md: 8px;
  --container-width: 1180px;
  --header-height: 78px;
  --space-section: 88px;
}

:root,
:root[data-theme="light"] {
  --color-page: #f4f2ed;
  --color-surface: #ffffff;
  --color-surface-strong: #eee8dc;
  --color-text: #101211;
  --color-muted: #5e5b52;
  --color-border: #ded6c7;
  --color-button-text: #10100d;
  --shadow-soft: 0 22px 70px rgb(18 15 9 / 0.14);
  --hero-scrim: linear-gradient(90deg, rgb(9 10 9 / 0.92) 0%, rgb(9 10 9 / 0.76) 42%, rgb(9 10 9 / 0.28) 72%, rgb(9 10 9 / 0.08) 100%);
}

:root[data-theme="dark"] {
  --color-page: #0b0d0c;
  --color-surface: #141513;
  --color-surface-strong: #211f19;
  --color-text: #f5f1e8;
  --color-muted: #c6bdab;
  --color-border: #373225;
  --color-button-text: #10100d;
  --shadow-soft: 0 22px 70px rgb(0 0 0 / 0.32);
  --hero-scrim: linear-gradient(90deg, rgb(5 6 5 / 0.94) 0%, rgb(5 6 5 / 0.78) 44%, rgb(5 6 5 / 0.3) 76%, rgb(5 6 5 / 0.08) 100%);
}

:root[dir="rtl"] {
  --font-family-base: var(--font-family-arabic);
}

@media (max-width: 760px) {
  :root {
    --font-size-hero: 2.55rem;
    --font-size-2xl: 1.85rem;
    --space-section: 58px;
    --header-height: 68px;
  }
}