/* Testada — base visual compartilhada (site e app)
   Manual da marca: grafite #171717, lima #B7F52B, branco e cinza claro #F4F4F4; Inter Bold nos títulos e Inter Regular nos textos. */
:root{
  --bg:#ffffff; --bg-2:#F4F4F4; --bg-3:#ececf0; --card:#ffffff;
  --ink:#171717; --ink-2:#424245; --muted:#6e6e73; --faint:#86868b;
  --line:#d2d2d7; --line-2:#e8e8ed;
  --brand:#171717; --lime:#B7F52B; --lime-ink:#2f4a00; --lime-soft:#f0fbd9;
  --link:#0066cc;
  --good:#1d8a46; --good-soft:#e3f5e9; --warn:#a05a00; --warn-soft:#fff3dc; --bad:#c4321f; --bad-soft:#fde8e5;
  --road:#d8d8de; --plot:#f0fbd9; --plot-line:#7aa61f; --rec:#e3efe0; --rec-line:#5d8c4a; --own:#fff1cf; --own-line:#c48a12;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);
  --f:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-mono:"SF Mono",ui-monospace,Menlo,"Roboto Mono",Consolas,monospace;
  --r:18px; --r-sm:12px;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#000000; --bg-2:#171717; --bg-3:#1c1c1f; --card:#161618;
  --ink:#f5f5f7; --ink-2:#d2d2d7; --muted:#a1a1a6; --faint:#86868b;
  --line:#3a3a3d; --line-2:#2a2a2d;
  --brand:#f5f5f7; --lime-ink:#B7F52B; --lime-soft:#1f2a0c;
  --link:#2997ff;
  --good:#45c46b; --good-soft:#123020; --warn:#f0a83a; --warn-soft:#33240c; --bad:#ff6b57; --bad-soft:#3a1712;
  --road:#3a3a3e; --plot:#1f2a0c; --plot-line:#9bd22d; --rec:#18281a; --rec-line:#6fae5a; --own:#3a2c0e; --own-line:#e0a93a;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
img,svg{max-width:100%}
:focus-visible{outline:3px solid color-mix(in srgb,var(--link) 55%,transparent);outline-offset:2px;border-radius:6px}
.num{font-variant-numeric:tabular-nums}
.logo-dark{display:none}
@media (prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:inline}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:980px;padding:11px 22px;font-size:17px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s,transform .15s}
.btn:hover{text-decoration:none}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--brand);color:var(--bg)}
.btn.primary:hover{background:color-mix(in srgb,var(--brand) 85%,var(--bg))}
.btn.secondary{background:var(--bg-3);color:var(--ink)}
.btn.secondary:hover{background:color-mix(in srgb,var(--bg-3) 80%,var(--ink) 8%)}
.btn.link{background:none;color:var(--link);padding:11px 6px}
.btn.small{font-size:14px;padding:7px 15px}
.btn[disabled]{opacity:.5;cursor:default}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:0;padding:3px 10px;border-radius:980px;white-space:nowrap}
.chip.good{background:var(--good-soft);color:var(--good)} .chip.warn{background:var(--warn-soft);color:var(--warn)} .chip.bad{background:var(--bad-soft);color:var(--bad)}
.chip.neutral{background:var(--bg-3);color:var(--muted)} .chip.lime{background:var(--lime-soft);color:var(--lime-ink)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

h1,h2,h3,.big{font-weight:700}