:root {
  /* Q3D — cores oficiais da identidade visual */
  --q3d-navy: #0F172A;
  --q3d-blue: #2563EB;
  --q3d-slate: #94A3B8;
  --q3d-white: #F8FAFC;

  /* Aplicação semântica */
  --color-primary: var(--q3d-blue);
  --color-primary-hover: #1D4ED8;
  --color-text: var(--q3d-navy);
  --color-text-muted: #64748B;
  --color-background: var(--q3d-white);
  --color-surface: #FFFFFF;
  --color-border: #E2E8F0;
  --color-dark: var(--q3d-navy);

  /* Tipografia sugerida */
  --font-brand: "Montserrat", "Exo 2", Arial, sans-serif;
  --font-body: "Montserrat", Arial, sans-serif;
}

.theme-dark {
  --color-text: var(--q3d-white);
  --color-text-muted: var(--q3d-slate);
  --color-background: var(--q3d-navy);
  --color-surface: #172033;
  --color-border: #334155;
}