/* W Spa V2 · tokens. Fonte: design-system/w-spa-v2/project/tokens.json
   Escuro é o tema da marca (V2). O claro usa os mesmos neutros quentes e o verde fendi-escuro.
   Para trocar de tema, troque só este arquivo. */
@font-face{font-family:"URW Imperial";src:url("fonts/urw-imperial.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* paleta V2 */
  --onyx:#1A1817; --char:#21201E; --earth:#2A2622; --umber:#4A443E; --line:#56504A;
  --bone:#B9B2AA; --air:#EDECEA; --breeze:#FEFAF1;
  --fendi:#9FA083; --fendi-claro:#B9BBA2; --fendi-escuro:#4E5442;

  --font-display:"URW Imperial","Times New Roman",Georgia,serif;
  --font-body:"Poppins","Helvetica Neue",Arial,sans-serif;
  --radius:0;
  --ease:cubic-bezier(.16,1,.3,1);
  --dur:.35s;

  /* ===== tema escuro (padrão) ===== */
  color-scheme:dark;
  --bg:var(--onyx);
  --text:var(--bone);            /* texto corrido */
  --strong:var(--air);           /* títulos, rótulos, links */
  --label:var(--fendi-claro);    /* overlines, áreas */
  --hair:var(--umber);           /* divisórias */
  --edge:var(--bone);            /* borda do botão contornado */
  --hover:rgba(237,236,234,.06);
  --icon:var(--fendi);
  --surface:var(--earth);        /* sheet, barra de prévia */
  --focus:var(--fendi-claro);
  --backdrop:rgba(14,13,12,.74);
  --logo-dark:none; --logo-light:block;

  /* pop-up */
  --pop-bg:var(--earth); --pop-fg:var(--air); --pop-soft:var(--bone); --pop-kicker:var(--fendi-claro);
  --pop-rule:var(--fendi); --pop-input-bg:var(--onyx); --pop-input-edge:#6c655e; --pop-placeholder:#8f877e;
  --pop-btn-bg:var(--fendi); --pop-btn-fg:var(--onyx); --pop-btn-hover:var(--fendi-claro);
  --pop-check:var(--fendi); --pop-check-fg:var(--onyx); --pop-err:#e9a79e; --pop-close-bg:rgba(26,24,23,.6);
}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F6F2EA;
  --text:#4A443E;
  --strong:#1A1817;
  --label:var(--fendi-escuro);
  --hair:#D8D0C4;
  --edge:#1A1817;
  --hover:rgba(26,24,23,.05);
  --icon:var(--fendi-escuro);
  --surface:#EDE7DC;
  --focus:var(--fendi-escuro);
  --backdrop:rgba(26,24,23,.55);
  --logo-dark:block; --logo-light:none;

  --pop-bg:var(--breeze); --pop-fg:var(--onyx); --pop-soft:#3a3632; --pop-kicker:var(--fendi-escuro);
  --pop-rule:var(--fendi-escuro); --pop-input-bg:#fff; --pop-input-edge:#6b655e; --pop-placeholder:#7a746d;
  --pop-btn-bg:var(--fendi-escuro); --pop-btn-fg:var(--air); --pop-btn-hover:var(--onyx);
  --pop-check:var(--fendi-escuro); --pop-check-fg:var(--air); --pop-err:#8d2c22; --pop-close-bg:rgba(26,24,23,.55);
}