/* Guardião do Fogo — V4 tokens (from Figma V4 standards) */
@import url("https://fonts.googleapis.com/css2?family=Cal+Sans&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");

:root{
  /* neutrals (warm stone) */
  --white:#fff; --paper:#FAFAF9;
  --st-100:#F5F5F4; --st-200:#E7E5E4; --st-300:#D6D3D1; --st-400:#A8A29E;
  --st-500:#78716C; --st-600:#57534E; --st-700:#44403C; --ink:#1C1917;
  /* brand */
  --ember:#E26B16; --ember-400:#F39052; --ember-700:#A2410B; --ember-900:#4F1F08;
  --forest:#2E7A41; --forest-700:#1F5530;
  --water:#207EB8; --water-bg:#EFF6FB;
  --alert:#D32A17; --alert-bg:#FBF0EF;
  --heat1:#FFEDC2; --heat2:#F7C96E; --heat3:#E5761A; --heat4:#B7400F; --heat5:#5A1907;
  /* tints */
  --ember-t10:rgba(226,107,22,.10); --gray-t12:rgba(120,113,108,.12); --forest-t10:rgba(46,122,65,.10);
  /* type */
  --f-sans:"Inter",-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",monospace;
  --f-display:"Cal Sans","Inter",sans-serif;
  /* elevation */
  --hairline:1px solid var(--st-200);
  --sh-xs:0 1px 2px rgba(28,25,23,.05);
  --sh-md:0 8px 24px rgba(28,25,23,.10),0 2px 6px rgba(28,25,23,.05);
  /* layout */
  --topbar-h:76px; --bottombar-h:97px; --panel-w:460px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--f-sans);font-size:13.5px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow:hidden}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}
input,textarea,select{font-family:inherit;color:inherit}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background:var(--st-300);border-radius:8px;border:2px solid var(--white)}
.mono{font-family:var(--f-mono)}
.eyebrow{font-family:var(--f-mono);font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--st-400)}