/* ELYZEE 3.0 — the approved visual expressed as editable design tokens.
   This is an application palette, not a replacement official brand guide. */
:root  {
  --pine-950:#14241b;
  --pine-900:#203426;
  --pine-700:#3d5140;
  --pine-600:#52634e;
  --sage-100:#e8ece2;
  --gold-100:#efe0bd;
  --gold-300:#d5bf91;
  --gold-700:#80714e;
  --paper:#f8f6f1;
  --card:#f5f2e9;
  --tile:#f0ede5;
  --ink:#17281e;
  --muted:#63685f;
  --line:#d7d2c6;
  --error:#a6372b;
  --error-bg:#fff2ed;
  --font-ar:'Tajawal','Noto Sans Arabic',Tahoma,sans-serif;
  --font-en:'Montserrat',Arial,sans-serif;
  --font-script:'Amiri',Georgia,serif;
  --body-font:var(--font-ar);
  --heading-font:var(--font-ar);
  --gutter:clamp(28px,5.2vw,88px);
  --site-max:1360px;
  --hero-height:clamp(700px,55vw,830px);
  --form-width:clamp(352px,31.25vw,440px);
  --form-bridge:76px;
  --radius-card:22px;
  --radius-control:12px;
  --shadow-card:0 22px 65px rgba(20,36,27,.15),0 3px 10px rgba(20,36,27,.035);
  --ease:cubic-bezier(.22,1,.36,1);
  --duration:600ms;
  /* Between 0 and 1. Darkening never replaces the independent text scrim. */
  --hero-overlay-desktop:.06;
  --hero-overlay-mobile:.08;
  --hero-text-shade:.44;
  --hero-mobile-shade:.9;
  --hero-overlay-rgb:14,23,15;
}

:root:lang(en) {
  --body-font:var(--font-en);
  --heading-font:Georgia,'Times New Roman',serif;
}

@media(max-width:899px) {
  :root {
    --gutter:20px;
    --form-bridge:0px;
    --radius-card:20px;
  }

}