/* Meu Futuro FPF — v0.4
   Fonte de verdade dos tokens. Nao editar valores sem atualizar o DS.
   Fontes: Space Grotesk (300..700) + IBM Plex Mono (400,500,600) */

:root {
  /* ---------- MOBILE (428 x 926) ---------- */

  /* verde de marca */
  --verde-acao:#34AE53;        /* botao primario, borda de selecao, progresso preenchido */
  --verde-acao-texto:#04230C;  /* texto sobre --verde-acao (7,4:1) */
  --verde-profundo:#0C5B19;    /* fill de item selecionado; rotulo mono sobre branco (8,2:1) */
  --lima:#B3C50E;              /* marca de confirmacao, faixa de validacao, keyline do CTA, kicker sobre ink */
  --lima-texto:#0B1300;
  --verde-ink:#7FD897;         /* texto verde sobre ink (9,1:1) */
  --verde-ink-alto:#8FE3A6;    /* texto verde sobre ink (10,3:1) */

  /* ink — chrome do app */
  --ink:#0B0F0B;               /* barra de status, rodape de acao, MRZ */
  --ink-superficie:#121812;
  --ink-destaque:radial-gradient(130% 100% at 100% 0%,#14421F 0%,#0B0F0B 62%);
  --ink-borda:#22301F;
  --ink-borda-alta:#274430;
  --ink-linha:#3B483B;         /* botao secundario no ink, indicador de home */
  --ink-off:#1E271E;           /* botao primario bloqueado */
  --ink-off-texto:#7C887C;

  /* neutros de conteudo (sobre branco) */
  --branco:#FFFFFF;
  --contorno:#CBD6C9;          /* borda 1.5px de opcao, chip, cartao de curso */
  --contorno-campo:#BFCDBD;
  --contorno-radio:#9DAE9B;
  --trilho:#D3DDD1;            /* trilha vazia de progresso */
  --divisor:#DCE4DA;           /* regua de 1px */
  --item-fundo:#F1F7F0;        /* item com keyline */
  --texto:#383839;             /* 10,9:1 */
  --texto-2:#727475;           /* 4,9:1 */
  --placeholder:#6B766B;       /* 5,4:1 */
  --texto-chip:#222C22;

  /* raio */
  --r-campo:12px;
  --r-item:14px;
  --r-opcao:16px;
  --r-cartao:18px;
  --r-ink:24px;   /* 24 a 28 */
  --r-aparelho:46px;
  --r-selo:52px;
  --r-pill:999px;

  /* alvo de toque (min-height) */
  --alvo-opcao:66px;
  --alvo-radio:60px;
  --alvo-primario:60px;
  --alvo-campo:56px;   /* idem botao secundario */
  --alvo-chip:42px;    /* 42 a 44 */

  /* espaco */
  --pad-conteudo:22px;   /* margem lateral do conteudo */
  --pad-chrome:24px;     /* margem lateral do chrome */
  --gap-opcoes:10px;
  --gap-chips:9px;
  --gap-blocos:24px;     /* 20 a 24, com regua de 1px */

  /* elevacao */
  --sombra-aparelho:0 0 0 1px #22301F, 0 26px 60px rgba(0,0,0,.55);
  --halo-selecao:0 0 0 3px rgba(52,174,83,.16);
  --keyline-primario:0 0 0 1.5px rgba(179,197,14,.55);
  --halo-selo:0 0 0 12px rgba(52,174,83,.10);
  --sombra-mascote:drop-shadow(0 16px 26px rgba(0,0,0,.45));

  /* ---------- PAINEL DE TV (1920 x 1080, sem responsividade) ---------- */
  --tv-largura:1920px;
  --tv-altura:1080px;
  --tv-header:108px;
  --tv-footer:104px;
  --tv-margem:56px;
  --tv-respiro:28px;
  --tv-trilho:560px;
  --tv-util:744px;   /* altura util dentro do cartao de conteudo */

  --tv-fundo:#EFF3ED;        /* + grade verde 96px a 8% */
  --tv-cartao:#FFFFFF;
  --tv-chrome:#FFFFFF;
  --tv-linha:#E2E9E0;
  --tv-linha-interna:#EDF1EB;
  --tv-faixa:#EAF3E7;
  --tv-pill-grupo:#F2F6F1;
  --tv-texto-2:#5F6B5E;      /* 5,9:1 */
  --tv-mono-2:#6B766B;

  /* escala de dados (ranking) — barra / texto AA sobre branco / glifo */
  --dado-1:#0C5B19; --dado-1-txt:#0C5B19;   /* glifo ● */
  --dado-2:#34AE53; --dado-2-txt:#1E8A3B;   /* glifo ◆ */
  --dado-3:#6FCF4B; --dado-3-txt:#3E7F16;   /* glifo ▲ */
  --dado-4:#B3C50E; --dado-4-txt:#6E7A0A;   /* glifo ■ */
  --dado-cauda:#C9D0C4; --dado-cauda-txt:#6E7A6D; /* glifo ✱ */

  /* cor de perfil — SO no feed cronologico do painel */
  --perfil-estrategista:#1F4FC4;
  --perfil-comunicador:#6B3FBF;
  --perfil-construtor:#1E8A3B;
  --perfil-criador:#B31E62;
  --perfil-resolvedor:#0C5B19;
}