/* MarcenariaCerta · sistema de design "Cota e corte" (ver DESIGN.md). Tokens, fontes e componentes base.
   Carregado pela página de venda, pelo app (/app), pela proposta e pela privacidade. */
@font-face{font-family:Figtree;font-weight:300 900;font-display:swap;src:url(/fonts/figtree.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces.woff2) format("woff2")}
:root{
  --bg:#f5f0e6;--sup:#fbf8f2;--sup2:#ece4d4;--ink:#1d1710;--mut:#62564a;--line:#ddd2bf;--line2:#c9bba3;
  --brand:#a3441a;--brand-ink:#fff;--brand-soft:#f3dccb;--brand-deep:#6e2c0e;
  --lapis:#e2a72e;
  --ok:#17704a;--ok-bg:#dff0e5;--warn:#8a5200;--warn-bg:#fbeccb;--bad:#ad2a1f;--bad-bg:#f9dfda;--info:#244f9a;--info-bg:#e2eaf8;
  --focus:#1d5fd1;
  --sh1:0 1px 0 rgba(70,40,15,.06),0 1px 2px rgba(70,40,15,.05);
  --sh2:0 1px 0 rgba(70,40,15,.05),0 12px 24px -14px rgba(70,40,15,.28),0 34px 60px -34px rgba(70,40,15,.38);
  --dark-band:#1c140d;--dark-band-ink:#f2e9dc;
  --f-disp:'Fraunces',Georgia,'Times New Roman',serif;--f-txt:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;--f-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --r1:10px;--r2:16px;--r3:24px;
  color-scheme:light;
  /* nomes antigos do app e do neg.css apontam para os mesmos tokens */
  --fundo:var(--bg);--tinta:var(--ink);--sec:var(--mut);--linha:var(--line);--link:var(--brand);--brand-t:var(--brand-ink);
  --madeira:var(--brand);--madeira-esc:var(--brand-deep);--madeira-cl:var(--brand-soft);--madeira-bg:#f6ece0;
  --aviso:var(--warn);--aviso-bg:var(--warn-bg);--ruim:var(--bad);--ruim-bg:var(--bad-bg);--sombra:var(--sh1);
  --n-cor:var(--brand);--n-cor-t:var(--brand-ink);--n-fundo:var(--bg);--n-tinta:var(--ink);--n-linha:var(--line);--n-sec:var(--mut);--n-fonte:var(--f-txt);--n-titulo:var(--f-disp);
}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --bg:#14100c;--sup:#1d1712;--sup2:#271e16;--ink:#f3eadf;--mut:#b9a995;--line:#372c22;--line2:#4a3b2d;
  --brand:#e8925a;--brand-ink:#1b0d04;--brand-soft:#3a2415;--brand-deep:#f1b78f;--lapis:#e8b64a;
  --ok:#6fcf9d;--ok-bg:#15301f;--warn:#f0bd62;--warn-bg:#3a2a0d;--bad:#ff9b90;--bad-bg:#411a16;--info:#9cbcf5;--info-bg:#18273f;
  --focus:#8ab4ff;--sh1:0 0 0 1px rgba(255,255,255,.02);--sh2:0 1px 0 rgba(255,255,255,.03) inset,0 24px 50px -24px rgba(0,0,0,.7);
  --dark-band:#0d0a07;--dark-band-ink:#f2e9dc;--madeira-bg:#241a12;color-scheme:dark}}
:root[data-tema="escuro"]{
  --bg:#14100c;--sup:#1d1712;--sup2:#271e16;--ink:#f3eadf;--mut:#b9a995;--line:#372c22;--line2:#4a3b2d;
  --brand:#e8925a;--brand-ink:#1b0d04;--brand-soft:#3a2415;--brand-deep:#f1b78f;--lapis:#e8b64a;
  --ok:#6fcf9d;--ok-bg:#15301f;--warn:#f0bd62;--warn-bg:#3a2a0d;--bad:#ff9b90;--bad-bg:#411a16;--info:#9cbcf5;--info-bg:#18273f;
  --focus:#8ab4ff;--sh1:0 0 0 1px rgba(255,255,255,.02);--sh2:0 1px 0 rgba(255,255,255,.03) inset,0 24px 50px -24px rgba(0,0,0,.7);
  --dark-band:#0d0a07;--dark-band-ink:#f2e9dc;--madeira-bg:#241a12;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-txt);transition:background-color .35s,color .35s}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
::selection{background:var(--lapis);color:#1d1710}
/* marca: o mesmo ícone da aba do navegador */
.mk{display:inline-block;width:30px;height:30px;flex:none;border-radius:9px;background:var(--brand);-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat;
  --mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M5 0h24a5 5 0 0 1 5 5v24a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5Zm3 8v4h18V8H8Zm0 7v4h12v-4H8Zm0 7v4h15v-4H8Z'/%3E%3C/svg%3E")}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:var(--brand-ink);border:1px solid transparent;border-radius:12px;padding:13px 22px;font:700 16px/1.1 var(--f-txt);min-height:48px;cursor:pointer;text-decoration:none;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 18px -10px color-mix(in srgb,var(--brand) 80%,#000);transition:transform .15s,filter .15s,box-shadow .15s}
.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:none}
.btn.sec{background:transparent;color:var(--ink);border-color:var(--line2);box-shadow:none}.btn.sec:hover{background:var(--sup2);filter:none}
/* etiqueta de seção com cota (linha de dimensão) */
.cota{display:flex;align-items:center;gap:12px;font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.cota::before,.cota::after{content:"";height:9px;flex:1;border-inline:1px solid var(--line2);background:linear-gradient(var(--line2),var(--line2)) center/100% 1px no-repeat}
.cota::before{flex:0 0 36px}
.cota b{color:var(--brand);font-weight:500}