/* =====================================================================
   TDC Design System — tokens (fonte única de verdade)
   Servido do classpath (mod_kernel) por cada serviço:
     tdc_html   /css/tdc-tokens.css
     tdc_portal /portal/css/tdc-tokens.css
     tdc_auth   /auth/css/tdc-tokens.css
   Catálogo e convenções: docs/features/design-system.md
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* superfícies */
  --bg: #F7F5F0;
  --surface: #FFFFFF;
  --tint: #FBFAF6;
  --line: #E6E2D9;
  --line-strong: #D7D2C7;

  /* texto */
  --ink: #16181F;
  --body: #3d434a;
  --muted: #5b6168;

  /* marca */
  --accent: #E35100;        /* laranja CTA TDC */
  --accent-strong: #C74700; /* hover/pressed do CTA */
  --navy: #152A3F;
  --navy-lift: #06304C;     /* topo do gradiente em painéis escuros */
  --gold: #ffd24a;
  --ok: #2e9e6b;
  --no: #d6453d;

  /* caixa de erro (mensagem de validação, falha de login) */
  --danger-bg: #FDECEA;
  --danger-line: #F5C6C2;
  --danger-ink: #A32219;

  /* arco-íris TDC (faixa de marca — não usar como cor de CTA) */
  --c-red: #E1251B;
  --c-orange: #FF5100;
  --c-amber: #FFB71B;
  --c-lime: #93D500;
  --c-green: #009845;
  --c-sky: #009ADE;
  --c-blue: #004A98;
  --c-magenta: #DC2597;
  --c-purple: #5C0F8B;
  --stripe: linear-gradient(90deg, var(--c-red), var(--c-orange) 14%, var(--c-amber) 28%,
      var(--c-lime) 42%, var(--c-green) 55%, var(--c-sky) 68%, var(--c-blue) 80%,
      var(--c-magenta) 90%, var(--c-purple) 100%);

  /* tipografia */
  --sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* efeitos e medidas */
  --shadow: 0 1px 2px rgba(21, 42, 63, .06), 0 12px 30px rgba(21, 42, 63, .09);
  --shadow-sm: 0 1px 3px rgba(21, 42, 63, .08);
  --radius: 14px;
  --maxw: 1180px;
}