/*
  Design tokens — grupoidecomunicacao.com (reformulação)
  Base estrutural/motion: inspiração references/design-inspiration/synapse.html
  Paleta: cores de marca do Grupo Ide Comunicação (indigo -> pink), NUNCA verde no degradê.
*/
:root {
  --bg: #030303;
  --bg-elevated: #0a0a0a;
  --surface: rgba(255, 255, 255, 0.02);
  --surface-hover: rgba(255, 255, 255, 0.04);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  --text: #ffffff;
  --text-muted: #a3a3a3;
  --text-faint: #7d7d7d; /* ajustado na auditoria /impeccable — #737373 ficava abaixo de 4.5:1 sobre --bg */

  /* Marca Grupo Ide: indigo -> pink. Não usar verde/ciano no degradê principal. */
  --brand-indigo: #6366f1;
  --brand-pink: #ec4899;
  --brand-gradient: linear-gradient(135deg, var(--brand-indigo), var(--brand-pink));

  --glass-bg: rgba(10, 10, 10, 0.7);
  --glass-border: rgba(255, 255, 255, 0.1);

  --font-display: 'Instrument Serif', serif;
  --font-sans: 'Inter', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  --radius-pill: 9999px;
  --radius-lg: 24px;
  --radius-md: 12px;
}