/* FicusMed — direção B "Prancha" — tokens de produção.
   A home é uma prancha de atlas: papel branco, prancha cinza-esverdeada, moldura de nanquim,
   tintas do atlas como código de produto e o verde da logo como ação.
   Toda razão de contraste abaixo foi MEDIDA (WCAG 2.x); texto normal ≥ 4,5:1, texto grande e
   contorno de controle ≥ 3:1. Não invente hex novo: véu é rgba de uma destas cores. */
:root{
  /* ── Superfícies ──────────────────────────────────────────── */
  --fm-papel:#FFFFFF;        /* fundo da página */
  --fm-prancha:#EEF0EA;      /* fundo da prancha (figura, hero, rodapé) */
  --fm-prancha-2:#E3E7DF;    /* esqueleto de carregamento, trilho de barra */
  --fm-nota:#FFF8DF;         /* papel de nota: explicação, resultado */
  --fm-verde-veu:#E4ECE5;    /* fundo da rota principal do roteador */

  /* ── Tintas ───────────────────────────────────────────────── */
  --fm-tinta:#121614;        /* nanquim. 18,25 no papel · 15,89 na prancha · 17,16 na nota · 15,15 no véu verde */
  --fm-tinta-2:#434B46;      /* secundário. 9,00 no papel · 7,84 na prancha · 7,47 no véu verde */
  --fm-tinta-3:#59625C;      /* meta. 6,31 no papel · 5,50 na prancha · 5,04 no esqueleto */
  --fm-fio:#121614;          /* moldura de 1px (= nanquim): 15,89 na prancha, contorno ≥ 3 */
  --fm-fio-claro:#C3C9C0;    /* divisor DECORATIVO apenas (1,69): nunca o único limite de um controle */

  /* ── Ação (verde da logo = "Verde Profundo" do brand book) ── */
  --fm-verde:#1E3D2C;        /* botão cheio; texto branco 11,94 · verde como texto: 9,91 no véu */
  --fm-verde-2:#2A5540;      /* hover do botão cheio; branco 8,50 */
  --fm-sobre-verde:#FFFFFF;
  --fm-sobre-verde-2:#D6E3DA;/* texto secundário sobre verde: 9,02 */

  /* ── Tintas do atlas: código de produto (texto permitido) ── */
  --fm-veia:#1F4E9A;         /* Teórico. 8,03 no papel · 6,99 na prancha · 6,67 no véu; anel de foco */
  --fm-arteria:#B3261E;      /* Prático. 6,54 no papel */
  --fm-nervo:#E8B730;        /* marcação e selo. NUNCA texto; tinta sobre ele: 9,78 */

  /* ── Estados ──────────────────────────────────────────────── */
  --fm-erro:#8E1F17;         /* 8,90 no papel · 7,75 na prancha */
  --fm-sucesso:#1E6B45;      /* 6,47 no papel · 5,64 na prancha */
  --fm-foco:#1F4E9A;         /* outline 3px, offset 3px */
  --fm-foco-sobre-verde:#E8B730;

  /* ── Tipografia ───────────────────────────────────────────── */
  --fm-serif:'Besley',Georgia,'Times New Roman',serif;
  --fm-sans:'Atkinson Hyperlegible Next','Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* escala (Besley em display/título/preço; Atkinson no resto) */
  --fm-t-display:800 clamp(44px,4.6vw,68px)/.98 var(--fm-serif);   /* h1 */
  --fm-t-titulo:800 clamp(36px,4.4vw,64px)/1 var(--fm-serif);      /* h2 de seção */
  --fm-t-subtitulo:700 clamp(22px,1.9vw,30px)/1.12 var(--fm-serif);/* h3, nome de plano, rota */
  --fm-t-preco:800 clamp(72px,6vw,84px)/.85 var(--fm-serif);       /* número do preço */
  --fm-t-lede:400 clamp(17.5px,1.35vw,20px)/1.5 var(--fm-sans);
  --fm-t-corpo:400 17px/1.55 var(--fm-sans);
  --fm-t-ui:700 16.5px/1 var(--fm-sans);                            /* botão */
  --fm-t-rotulo:600 15px/1.35 var(--fm-sans);                       /* área do plano, chip */
  --fm-t-meta:400 14.5px/1.45 var(--fm-sans);                       /* rótulo de simulação, legal */
  --fm-t-legenda:600 15px/1.4 var(--fm-serif);                      /* "Fig. 1." */
  --fm-tracking-display:-.025em;
  --fm-tracking-titulo:-.02em;
  --fm-medida-texto:60ch;

  /* ── Espaço (malha de 4) ──────────────────────────────────── */
  --fm-e-1:4px; --fm-e-2:8px; --fm-e-3:12px; --fm-e-4:16px; --fm-e-5:20px; --fm-e-6:24px;
  --fm-e-7:32px; --fm-e-8:40px; --fm-e-9:52px; --fm-e-10:64px;
  --fm-secao:clamp(96px,11vw,156px);   /* respiro entre seções */
  --fm-gutter:clamp(16px,4vw,56px);
  --fm-largura:1320px;
  --fm-alvo:44px;                      /* alvo de toque mínimo */

  /* ── Forma ────────────────────────────────────────────────── */
  --fm-raio-botao:3px;                 /* a prancha é de cantos vivos; só o botão arredonda um pouco */
  --fm-raio-chave:50%;
  --fm-borda:1px solid var(--fm-fio);
  --fm-borda-botao:1.5px;
  --fm-sombra-camada:0 0 0 1px var(--fm-fio),18px 22px 30px -18px rgba(18,22,20,.35); /* só nas camadas do espécime */

  /* ── Movimento ────────────────────────────────────────────── */
  --fm-ease:cubic-bezier(.16,1,.3,1);
  --fm-d-rapida:200ms;                 /* cor de hover */
  --fm-d-media:300ms;                  /* seta, deslocamento */
  --fm-3d-rx:57deg;                    /* inclinação do espécime */
  --fm-3d-rz:-36deg;
  --fm-3d-sep:52px;                    /* separação das camadas (estado final, sem JS) */
}