/* base.css */
:root {
  --brand-blue:#2e63d6;
  --brand-blue-600:#174e9f;
  --header-border:#ffbb00;

  --text:#222;
  --muted:#6b7280;
  --card-bg:#fff;
  --page-bg:#f3f6fb;

  --shadow:0 10px 24px rgba(0,0,0,.08);
  --radius:14px;

  --header-h:64px;
  --nav-w:120px;
  --nav-h:40px;
  --dropdown-gap:8px;

  --site-max:1200px;
  --site-pad:16px;

  --car-bullet:#6b0f34;
  --car-bullet-soft:#c89aad;
  --car-shadow:0 4px 12px rgba(0,0,0,.10);

  --home-body-size:clamp(15px,1.6vw,18px);
  --home-body-line:1.7;
}

* { box-sizing: border-box; }

html, body { height: 100%; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--text);
  font-family: "Rawline","Helvetica Neue",Arial,Helvetica,sans-serif;
  background: var(--page-bg);
  overflow-y: auto;
  line-height: 1.5;
}

/* se quiser texto SEMPRE justificado em todo o site, pode deixar;
   se não, tira essa linha e justifica só nas classes específicas */
p { text-align: justify; }

button,
select,
input {
  font-family: inherit;
}