/* ===================================================================
   MONACO CLINICS · 1. TOKENS DE MARCA
   Sistema de diseño completo. Al crecer a web completa se reutiliza tal cual.
   =================================================================== */

:root{
  --mc-arena:#B7A08B;
  --mc-black:#090C0C;
  --mc-verde:#2C3A3B;
  --mc-crema:#D8D4CC;

  --mc-bg:#FBFAF8;
  --mc-bg-soft:#F2EFEA;
  --mc-ink:#090C0C;
  --mc-ink-soft:#575C5C;
  --mc-ink-invert:#F3F1ED;
  --mc-line:rgba(9,12,12,.11);
  --mc-line-invert:rgba(243,241,237,.16);
  --mc-arena-deep:#7A6650;

  --mc-font-display:"PP Neue Montreal","Suisse Intl","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mc-font-body:"Suisse Intl","Helvetica Neue",Helvetica,Arial,sans-serif;

  /* Escala editorial: mucho más contraste entre el cuerpo y el display */
  --mc-step--2:clamp(.68rem,.66rem + .1vw,.74rem);
  --mc-step--1:clamp(.79rem,.76rem + .15vw,.87rem);
  --mc-step-0:clamp(1rem,.96rem + .22vw,1.1rem);
  --mc-step-1:clamp(1.2rem,1.1rem + .45vw,1.5rem);
  --mc-step-2:clamp(1.55rem,1.3rem + 1.1vw,2.3rem);
  --mc-step-3:clamp(2rem,1.5rem + 2.2vw,3.6rem);
  --mc-step-4:clamp(2.6rem,1.7rem + 4vw,5.4rem);
  --mc-step-5:clamp(3rem,1.6rem + 6.4vw,8rem);

  --mc-gutter:clamp(1.25rem,4vw,3.5rem);
  --mc-section:clamp(4.5rem,10vw,9rem);
  --mc-max:1280px;
  --mc-radius:2px;
  --mc-ease:cubic-bezier(.22,.61,.36,1);
  --mc-ease-out:cubic-bezier(.16,1,.3,1);
}

/* --- @font-face: descomentar cuando haya licencia y .woff2 en el tema --------------
@font-face{font-family:"Suisse Intl";src:url("../fonts/SuisseIntl-Regular.woff2") format("woff2");font-weight:400;font-display:swap;}
@font-face{font-family:"Suisse Intl";src:url("../fonts/SuisseIntl-Medium.woff2") format("woff2");font-weight:500;font-display:swap;}
@font-face{font-family:"PP Neue Montreal";src:url("../fonts/PPNeueMontreal-Book.woff2") format("woff2");font-weight:400;font-display:swap;}
@font-face{font-family:"PP Neue Montreal";src:url("../fonts/PPNeueMontreal-Medium.woff2") format("woff2");font-weight:500;font-display:swap;}
------------------------------------------------------------------------------------ */