/* Mailzen — design tokens. Fonte única de verdade para cor, tipografia,
   espaçamento, raio e sombra. Nenhuma outra folha de estilo deve declarar
   valores de cor "soltos" — sempre referenciar estas variáveis. */

:root {
  /* Verde (marca) */
  --mz-green-50: #ECFDF3;
  --mz-green-100: #D1FADF;
  --mz-green-200: #A6F4C5;
  --mz-green-500: #16A34A;
  --mz-green-600: #0E9F4C;
  --mz-green-700: #087443;
  --mz-green-900: #064E3B;

  /* Neutros */
  --mz-white: #FFFFFF;
  --mz-gray-50: #F8FAF9;
  --mz-gray-100: #F1F4F2;
  --mz-gray-200: #E4E9E6;
  --mz-gray-300: #CBD5D0;
  --mz-gray-400: #9AA5A0;
  --mz-gray-600: #5C6B65;
  --mz-gray-900: #16211C;

  /* Indicadores (uso pontual, não estrutural) */
  --mz-blue: #2563EB;
  --mz-purple: #7C3AED;
  --mz-orange: #F97316;
  --mz-red: #EF4444;

  /* Papéis semânticos */
  --mz-bg: var(--mz-white);
  --mz-bg-alt: var(--mz-gray-50);
  --mz-text: var(--mz-gray-900);
  --mz-text-muted: var(--mz-gray-600);
  --mz-border: var(--mz-gray-200);
  --mz-heading: var(--mz-green-900);
  --mz-brand: var(--mz-green-500);
  --mz-brand-hover: var(--mz-green-600);
  --mz-on-brand: var(--mz-white);

  /* Tipografia */
  --mz-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mz-fs-xs: 0.8125rem;
  --mz-fs-sm: 0.9375rem;
  --mz-fs-base: 1rem;
  --mz-fs-lg: 1.125rem;
  --mz-fs-xl: 1.375rem;
  --mz-fs-2xl: 1.75rem;
  --mz-fs-3xl: 2.25rem;
  --mz-fs-4xl: 3rem;
  --mz-lh-tight: 1.2;
  --mz-lh-normal: 1.6;

  /* Espaçamento (escala de 4px) */
  --mz-space-1: 0.25rem;
  --mz-space-2: 0.5rem;
  --mz-space-3: 0.75rem;
  --mz-space-4: 1rem;
  --mz-space-5: 1.5rem;
  --mz-space-6: 2rem;
  --mz-space-8: 3rem;
  --mz-space-10: 4rem;
  --mz-space-12: 6rem;

  /* Raio */
  --mz-radius-sm: 8px;
  --mz-radius-md: 14px;
  --mz-radius-lg: 20px;
  --mz-radius-full: 999px;

  /* Sombra */
  --mz-shadow-sm: 0 1px 2px rgba(16, 24, 20, 0.04);
  --mz-shadow-md: 0 8px 24px rgba(16, 24, 20, 0.06);
  --mz-shadow-lg: 0 20px 40px rgba(16, 24, 20, 0.08);

  /* Layout */
  --mz-content-width: 1200px;
  --mz-header-height: 72px;
  --mz-transition: 160ms ease;
}