/* Tokens extraídos de design.md — não redefinir cores/tipografia fora daqui. */
:root {
  /* Base / neutros */
  --bg: #F6F4F1;
  --panel: #FFFFFF;
  --ink: #3C3C3A;
  --ink-soft: #736F6B;
  --line: #E3DFD9;
  --line-soft: #EFEBE6;

  /* Marca (laranja) */
  --orange: #E64E0E;
  --orange-dark: #C13609;
  --orange-light: #F5A300;
  --orange-pale: #FDECE0;

  /* Estado/semânticas */
  --green: #2C7A50;
  --green-pale: #E7F3EA;
  --red: #A3312A;
  --red-pale: #FBEAE8;
  --amber: #B5651D;
  --amber-pale: #FBECDD;

  /* Tipografia */
  --serif: 'Century Gothic', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 14.5px;
  line-height: 1.5;
}

h1, h2, h3, .brand, .block-title {
  font-family: var(--serif);
  font-weight: 600;
  margin: 0;
}

.mono-label {
  font-family: var(--mono);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 11px;
}

a { color: var(--orange-dark); }

.faixa-topo {
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, var(--orange-light), var(--orange), var(--orange-dark));
}