/* WL Móveis Corporativos — Design tokens + base resets */

  :root{
    --ink:      #19191B;
    --panel:    #1F2024;
    --panel-2:  #25262B;
    --line:     #302F35;
    --bronze:   #C19669;
    --bronze-br:#D9B98D;
    --ivory:    #F4EEE3;
    --ivory-dim:#D6D0C6;
    --stone:    #8C8D93;
    --container: 1320px;
  }

  *{ box-sizing:border-box; margin:0; padding:0; }
  html{ scroll-behavior:smooth; }

  body{
    background:var(--ink);
    color:var(--ivory);
    font-family:'Inter', sans-serif;
    font-size:16px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }

  h1,h2,h3{ font-family:'Fraunces', serif; font-weight:440; letter-spacing:-0.01em; color:var(--ivory); }
  em{ font-style:italic; color:var(--bronze-br); }
  a{ color:inherit; }
  img{ display:block; max-width:100%; }

  .mono{ font-family:'Space Mono', monospace; }

  .eyebrow{
    font-family:'Space Mono', monospace;
    font-size:0.7rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--bronze);
  }

  *:focus-visible{ outline:2px solid var(--bronze-br); outline-offset:4px; }

  .wrap{ max-width:var(--container); margin:0 auto; padding-left:clamp(20px,5vw,56px); padding-right:clamp(20px,5vw,56px); }

  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:'Space Mono', monospace;
    font-size:0.78rem;
    letter-spacing:0.05em;
    text-transform:uppercase;
    text-decoration:none;
    padding:14px 26px;
    border-radius:10px;
    transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    cursor:pointer;
    border:1px solid transparent;
  }
  .btn--primary{ background:var(--bronze); color:var(--ink); }
  .btn--primary:hover{ background:var(--bronze-br); }
  .btn--ghost{ border-color:var(--line); color:var(--ivory); background:transparent; }
  .btn--ghost:hover{ border-color:var(--bronze); color:var(--bronze-br); }