/* ============================================================
   FerramentasPro · tokens visuais compartilhados
   Herda a base do Ensaio Pro; herda o instrumental do TAP.
   Regra de cor:
     âmbar  = comércio  (comprar, desbloquear, cadeado)
     ciano  = medição   (valor lido, dado de entrada)
     cobre  = decisão   (o resultado escolhido — e só ele)
   ============================================================ */
:root{
  /* base — preto do Ensaio Pro com desvio teal do TAP */
  --ink:        #0C1418;
  --surface:    #131F24;
  --surface-2:  #1A2C33;
  --line:       #294049;

  /* texto */
  --porcelain:  #E9E5DD;
  --muted:      #8397A0;

  /* acentos, por função */
  --amber:      #F0A21B;   /* comércio  — saturado, raro, só em ação */
  --amber-lit:  #FFBB45;
  --cyan:       #5BD1C0;   /* medição   — frio, valores vivos */
  --copper:     #B98551;   /* decisão   — quente dessaturado, um por tela */
  --copper-lit: #DCA468;

  /* estado normativo */
  --ok:   #46B87F;
  --warn: #D9A03C;
  --bad:  #D9584C;

  /* tipografia */
  --display: "Oswald", "Barlow Condensed", Impact, system-ui, sans-serif;
  --sans:    system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono:    ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  /* escala */
  --t-display: clamp(28px, 6vw, 44px);
  --t-h2:      19px;
  --t-body:    15px;
  --t-label:   10.5px;
  --track-label: .16em;

  --radius: 10px;   /* cantos do Ensaio Pro */
  --gap:    20px;
}

/* ---------- primitivas ---------- */
body{background:var(--ink);color:var(--porcelain);font-family:var(--sans);font-size:var(--t-body);line-height:1.55;margin:0}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:600;margin:0}
h1{font-size:var(--t-display);line-height:1.05}
.eyebrow{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card--locked{opacity:.72}

/* ação = âmbar, sempre */
.btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:14px;
     border:none;border-radius:var(--radius);padding:14px 22px;cursor:pointer;
     background:var(--amber);color:var(--ink)}
.btn:hover{background:var(--amber-lit)}
.btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}

/* medição = ciano */
.valor-medido{font-family:var(--mono);color:var(--cyan);font-variant-numeric:tabular-nums}
/* decisão = cobre, um por tela */
.valor-decidido{font-family:var(--mono);color:var(--copper-lit);font-variant-numeric:tabular-nums}

.selo{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--track-label);
      text-transform:uppercase;padding:6px 12px;border-radius:6px;
      background:rgba(240,162,27,.14);color:var(--amber);border:1px solid rgba(240,162,27,.35)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}