/* Yomna Bahaa — page theme over the Modernist design system (modernist.css).
   Token overrides and page rules carried over from the v4 design. */
:root{
  --color-bg:#F8F3EA;
  --color-surface:#FFDBD1;
  --color-text:#3a2430;
  --color-divider:rgba(58,36,48,.18);
  --color-accent:#B47792;
  --color-accent-100:#f6eaf0;
  --color-accent-200:#ead3de;
  --color-accent-300:#d9b3c4;
  --color-accent-400:#c795ab;
  --color-accent-500:#B47792;
  --color-accent-600:#9c5f7a;
  --color-accent-700:#7e4862;
  --color-accent-800:#5e344a;
  --color-accent-900:#3f2232;
  --color-accent-2:#FA9EBC;
  --color-accent-2-100:#fff0f5;
  --color-accent-2-200:#fdd9e5;
  --color-accent-2-300:#fcc0d3;
  --color-accent-2-400:#FA9EBC;
  --color-accent-2-500:#FA9EBC;
  --color-accent-2-600:#e87ea2;
  --color-accent-2-700:#9a3d62;
  --color-accent-2-800:#8a3a5a;
  --color-accent-2-900:#5c253c;
  --color-neutral-100:#fbf8f2;
  --color-neutral-200:#f0e8e0;
  --color-neutral-300:#e3d6d2;
  --color-neutral-400:#c9b6b9;
  --color-neutral-500:#9a8189;
  --color-neutral-600:#7d6570;
  --color-neutral-700:#634d58;
  --color-neutral-800:#4d3a44;
  --color-neutral-900:#3a2430;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --shadow-sm:0 1px 2px rgba(58,36,48,.08);
  --shadow-md:0 4px 18px rgba(58,36,48,.1);
  --shadow-lg:0 16px 44px rgba(58,36,48,.14);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(180,119,146,.2)}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
img,svg{max-width:100%}
input.input,select.input,textarea.input{font-size:16px}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
a{color:var(--color-accent-700)}
a:hover{color:var(--color-accent)}
a.btn-primary,a.btn-primary:hover{color:var(--color-bg)}
a.btn-secondary,a.btn-secondary:hover{color:var(--color-text)}
summary::-webkit-details-marker{display:none}
select.input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text) 50%),linear-gradient(135deg,var(--color-text) 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}

@media (max-width:759px){
  [data-hero]{min-height:0 !important;overflow:visible !important}
  [data-hero-bar]{position:static !important;order:1}
  [data-hero-frame]{position:relative !important;inset:auto !important;order:2;width:100% !important;aspect-ratio:1400/860}
  [data-hero-photo]{transform:none !important}
  [data-hero-scrim]{display:none !important}
  [data-hero-copy]{order:3;padding:28px 24px 44px !important}
}

/* hover states (the design's style-hover attributes) */
.lift{transition:transform .3s ease,border-color .3s ease,background .3s ease}
.lift:hover{transform:translateY(-5px);border-color:var(--color-accent-2) !important}
.lift-bg:hover{background:var(--color-neutral-200) !important}
.fit-btn{transition:color .2s ease}
.fit-btn:hover{color:var(--color-accent-700) !important}
.fit-mark{transition:background .2s ease,border-color .2s ease}
.faq summary{transition:color .2s ease}
.faq summary:hover{color:var(--color-accent-700)}
.faq[open] summary .faq-sign{transform:rotate(45deg)}
.faq-sign{display:inline-block;transition:transform .2s ease}
.icon-link{transition:border-color .2s ease,color .2s ease,background .2s ease}
.icon-link:hover{border-color:var(--color-accent-700) !important;color:var(--color-accent-700) !important;background:var(--color-neutral-200)}
.cur-btn{transition:background .2s ease,color .2s ease}
.cur-btn[aria-pressed="true"]{background:var(--color-accent);color:#16121f}
.cur-btn[aria-pressed="false"]{background:transparent;color:var(--color-neutral-700)}
[hidden]{display:none !important}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lift,.lift:hover{transition:none;transform:none}
}
