/* ==========================================================================
   Yess Dental — Design tokens
   Extrase 1:1 din designul aprobat (Yess Dental Website v4)
   ========================================================================== */

:root{
  /* --- Culori de brand --- */
  --yd-blue:#0982C6;
  --yd-blue-hover:#076AA3;
  --yd-blue-050:#F7FBFE;
  --yd-blue-100:#EEF6FC;
  --yd-blue-150:#F3F8FC;
  --yd-blue-200:#E3F1FA;
  --yd-blue-300:#CFE7F7;
  --yd-blue-400:#B8D9EE;

  /* --- Navy / text --- */
  --yd-navy:#0A2540;
  --yd-ink:#1B2B3D;
  --yd-muted:#4C5D70;

  /* --- Linii și fundaluri neutre --- */
  --yd-line:#E1EAF2;
  --yd-line-2:#E3ECF4;
  --yd-line-3:#DCE6EF;
  --yd-line-4:#D5E1EC;
  --yd-border:#CBD8E4;
  --yd-border-2:#C9D6E2;
  --yd-grey-100:#EDF2F7;
  --yd-white:#FFFFFF;

  /* --- Verde (succes / preț / disponibilitate) --- */
  --yd-green:#0D7A3E;
  --yd-green-light:#128C4A;
  --yd-green-dark:#0E743D;
  --yd-green-050:#EAF8EF;

  /* --- WhatsApp --- */
  --yd-wa:#25D366;
  --yd-wa-hover:#1DA851;

  /* --- Tipografie --- */
  --yd-font-head:"Lexend",system-ui,-apple-system,"Segoe UI",sans-serif;
  --yd-font-body:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Scala tipografică fluidă — identică cu designul */
  --yd-h1:clamp(38px,6.6vw,96px);
  --yd-h2:clamp(32px,3.6vw,48px);
  --yd-h3:clamp(24px,2.6vw,34px);
  --yd-h4:20px;
  --yd-lead:clamp(16px,1.5vw,20px);
  --yd-body:17px;
  --yd-small:15px;
  --yd-xs:13.5px;
  --yd-eyebrow:14px;

  /* --- Spațieri --- */
  --yd-container:1280px;
  --yd-gutter:20px;
  --yd-gutter-lg:24px;
  --yd-section-y:clamp(55px,8.3vw,100px);
  --yd-section-y-lg:clamp(61px,9.2vw,110px);

  /* --- Radius --- */
  --yd-r-sm:8px;
  --yd-r-md:10px;
  --yd-r-lg:12px;
  --yd-r-xl:16px;
  --yd-r-pill:999px;

  /* --- Umbre --- */
  --yd-shadow-nav:0 2px 18px rgba(10,37,64,.08);
  --yd-shadow-card:0 2px 14px rgba(10,37,64,.06);
  --yd-shadow-card-hover:0 14px 34px rgba(10,37,64,.12);
  --yd-shadow-drop:0 18px 40px rgba(10,37,64,.16);
  --yd-shadow-modal:0 30px 70px rgba(10,37,64,.28);

  /* --- Header: înălțimi pentru offset --- */
  --yd-header-h:115px;      /* desktop: topbar + nav */
  --yd-header-h-mobile:80px;

  /* --- Tranziții --- */
  --yd-t:.25s cubic-bezier(.4,0,.2,1);
}

@media (max-width:1359px){
  :root{ --yd-header-h:80px; }
}