@font-face { font-family: Manrope; src: url('../fonts/Manrope.ttf') format('truetype'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: PlexArabic; src: url('../fonts/Arabic.ttf') format('truetype'); font-weight: 400; font-display: swap; }
:root {
  color-scheme: light;
  --bg: #f8f6f1; --surface: #fffefa; --soft: #efede5; --raised: #ffffff;
  --ink: #242922; --muted: #65695f; --subtle: #74786e;
  --line: #dddcd2; --control-line: #898e82;
  --accent: #7c5c2d; --accent-soft: #eee4d2; --olive: #3c4937;
  --button: #293d2c; --on-button: #ffffff;
  --feature: #283429; --feature-ink: #f8f6ed;
  --error: #a32926; --success: #2f633e; --focus: #986420;
  --shadow: 0 18px 50px rgb(28 34 24 / .12); --header-shadow: 0 3px 20px rgb(28 34 24 / .07);
  --backdrop: rgb(16 22 17 / .48);
  --radius: 6px; --radius-lg: 14px; --radius-control: 5px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --container: 1504px; --space: clamp(24px, 4.5vw, 72px); --header-height: 94px;
  --z-header: 20; --z-dropdown: 25; --z-drawer: 40; --z-skip: 50;
  --ease: cubic-bezier(.22,.68,0,1); --motion-fast: 160ms; --motion-open: 300ms; --motion-close: 210ms;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #191d19; --surface: #222822; --soft: #292f28; --raised: #2a312a;
  --ink: #f2f1e9; --muted: #b9c0b3; --subtle: #a4ad9f;
  --line: #414b3e; --control-line: #82907b;
  --accent: #d9bd88; --accent-soft: #3c392b; --olive: #b6c7a8;
  --button: #ded0ad; --on-button: #202b20;
  --feature: #111812; --feature-ink: #f8f6ed;
  --error: #ffb2a7; --success: #a2d1a9; --focus: #f1c57c;
  --shadow: 0 20px 55px rgb(0 0 0 / .3); --header-shadow: 0 3px 20px rgb(0 0 0 / .25);
  --backdrop: rgb(4 9 5 / .65);
}
@media (max-width: 1239px) { :root { --header-height: 80px; } }
@media (max-width: 560px) { :root { --space: 20px; --header-height: 76px; } }
@media (prefers-reduced-motion: reduce) { :root { --motion-open: 0ms; --motion-close: 0ms; --motion-fast: 0ms; } }