/* theme.css — variáveis + base do tema escuro/dourado da Royal & Co.
   Extraído do bloco :root e dos resets de agendamento.html.
   As fontes Oswald + Inter vêm via @import (abaixo); as páginas também incluem o <link>:
   <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#080808;
  --bg-2:#101010;
  --panel:#151515;
  --panel-2:#1c1c1c;
  --panel-3:#222;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.22);
  --text:#f4f1ea;
  --muted:#a8a096;
  --muted-2:#736d66;
  --silver:#f2eee7;
  --silver-2:#beb6ac;
  --green:#25d366;
  --green-2:#159447;
  --red:#d44a5b;
  --amber:#d6a64d;
  /* cor de destaque (sobrescrita por settings.accent_color via JS); fallback dourado */
  --accent:#d6a64d;
  --shadow:0 24px 70px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{overflow-x:hidden}
html,body{
  margin:0;
  min-height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body{overflow-x:hidden}
/* textura sutil de grão, idêntica ao site */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:80;
  opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

.display{font-family:Oswald,Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.muted{color:var(--muted);font-size:13px;line-height:1.55}