/* Tokens da Verta — espelho dos tokens do app Meu Plano. Sincronizar quando eles mudarem. */
:root {
  --verde: #2F8F70;
  --verde-dk: #246B55;
  --verde-profundo: #16453A;
  --teal: #3FBFBC;
  --mint: #9AD9BC;
  --mint-lt: #C4E9D7;
  --ouro: #C2A86A;
  --ouro-lt: #DBC592;
  --ouro-dk: #9C854B;
  --ouro-tx: #786534;
  --teal-tx: #227371;
  --verde-tx: #27775E;

  --metal-1: #C3DACF;
  --metal-2: #A2B8B1;
  --metal-edge: #DCE6E2;

  --bg: #EDF1F0;
  --bg-suave: #F4F8F6;
  --surface: #FFFFFF;
  --surface-2: #E6ECEB;
  --surface-3: #D8E0DF;
  --surface-hover: #EAF1EE;

  --tx-1: #17211E;
  --tx-2: #45524E;
  --tx-3: #5F6D68;
  --tx-inv: #FAFCFB;
  --cinza-claro: #B4BEBB;
  --tx-sobre-cor: #FFFFFF;
  --tx-sobre-teal: #06302C;
  --tx-sobre-ouro: #25210F;

  --border: #D7E0DE;
  --border-mid: #BAC7C4;
  --border-bright: rgba(194, 168, 106, 0.50);

  --pos: #1B754C;
  --pos-bg: rgba(46, 158, 107, 0.10);
  --neg: #B2402A;
  --neg-bg: rgba(192, 73, 47, 0.10);
  --neut: #59726E;
  --neut-bg: rgba(122, 148, 144, 0.10);
  --alerta: #C2A86A;
  --alerta-bg: rgba(194, 168, 106, 0.16);

  --f-display: 'Montserrat', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, sans-serif;
  --f-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, monospace;

  --fs-3xs: 11px;
  --fs-2xs: 12px;
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;

  --lh-apertado: 1.2;
  --lh-normal: 1.4;
  --lh-solto: 1.55;

  --medida: 72ch;
  --medida-curta: 58ch;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  --r1: 4px; --r2: 6px; --r3: 10px; --r4: 14px; --r5: 20px; --rpill: 999px;

  --ctrl-sm: 32px; --ctrl-md: 40px; --ctrl-lg: 48px;

  --alvo-min: 24px;

  --sh-card: 0 1px 2px rgba(30, 50, 45, 0.05), 0 4px 16px rgba(30, 50, 45, 0.06);
  --sh-card-hover: 0 2px 4px rgba(30, 50, 45, 0.06), 0 12px 32px rgba(30, 50, 45, 0.10);
  --sh-pop: 0 8px 40px rgba(30, 50, 45, 0.16), 0 2px 8px rgba(30, 50, 45, 0.10);
  --sh-modal: 0 24px 64px rgba(30, 50, 45, 0.22), 0 4px 12px rgba(30, 50, 45, 0.12);
  --sh-ouro: 0 0 0 1px rgba(194, 168, 106, 0.30), 0 4px 18px rgba(194, 168, 106, 0.16);
  --sh-metal: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 2px rgba(30, 50, 45, 0.08);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tf: 150ms; --tm: 260ms; --ts: 420ms;
}