/* Gerado por tools/tokens.mjs a partir de projects/pedroganco.ai/marca/tokens/base.json, projects/pedroganco.ai/marca/tokens/dark.json. Não editar à mão. */
:root {
  --color-neutro-0: #ffffff;
  --color-neutro-50: #f6f1e9; /* texto no modo escuro */
  --color-neutro-100: #f2f0ec;
  --color-neutro-200: #e6e2db;
  --color-neutro-300: #cfc9c0;
  --color-neutro-400: #a39c93;
  --color-neutro-600: #5e5852;
  --color-neutro-800: #2a2724;
  --color-neutro-850: #221f1c;
  --color-neutro-900: #1a1612; /* tinta: texto e traço */
  --color-neutro-950: #0f0e0d;
  --color-coral-500: #ff7a66;
  --color-coral-700: #d2402a; /* coral quando tem de ser texto sobre branco */
  --color-mar-300: #7fb0ff;
  --color-mar-500: #3d8bfd;
  --color-mar-700: #1f56c2;
  --color-sol-500: #ffc53d;
  --color-verde-300: #5bd49a;
  --color-verde-700: #1e7f4f;
  --color-bg-default: #ffffff;
  --color-bg-subtle: #f2f0ec;
  --color-bg-inverse: #1a1612; /* bloco de contraste (convite, rodapé) */
  --color-text-default: #1a1612;
  --color-text-muted: #5e5852;
  --color-text-inverse: #ffffff;
  --color-text-link: #1f56c2;
  --color-text-on-accent: #1a1612; /* texto sobre sol, coral, realce */
  --color-border-default: #e6e2db;
  --color-border-strong: #1a1612;
  --color-border-focus: #3d8bfd;
  --color-action-primary-bg: #1a1612;
  --color-action-primary-text: #ffffff;
  --color-action-primary-hover: #1f56c2;
  --color-action-accent-bg: #ffc53d; /* CTA sobre o bloco inverso */
  --color-action-accent-text: #1a1612;
  --color-traco: #1a1612; /* cor da linha das ilustrações e do rabisco do logótipo */
  --color-mancha-1: #ff7a66;
  --color-mancha-2: #3d8bfd;
  --color-mancha-3: #ffc53d;
  --color-realce: #ffc53d; /* uma palavra por título */
  --color-feedback-erro: #d2402a;
  --color-feedback-sucesso: #1e7f4f;
  --font-family-base: "Bricolage Grotesque", system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-display: 800;
  --size-texto-sm: 14px;
  --size-texto-base: 18px;
  --size-texto-lg: 22px;
  --size-texto-xl: 28px;
  --size-texto-2xl: 34px;
  --size-texto-3xl: 48px;
  --size-texto-4xl: 74px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 104px;
  --radius-none: 0px;
  --radius-pill: 999px; /* botões, etiquetas e o selo da marca nas fotos */
  --motion-duration-rapida: 150ms;
  --motion-easing-saida: cubic-bezier(0, 0, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-default: #1a1612;
    --color-bg-subtle: #221f1c;
    --color-bg-inverse: #ffc53d;
    --color-text-default: #f6f1e9;
    --color-text-muted: #cfc9c0;
    --color-text-inverse: #1a1612;
    --color-text-link: #7fb0ff;
    --color-border-default: #2a2724;
    --color-border-strong: #f6f1e9;
    --color-border-focus: #7fb0ff;
    --color-action-primary-bg: #ffc53d;
    --color-action-primary-text: #1a1612;
    --color-action-primary-hover: #ffffff;
    --color-action-accent-bg: #1a1612;
    --color-action-accent-text: #ffffff;
    --color-traco: #f6f1e9;
    --color-feedback-erro: #ff7a66;
    --color-feedback-sucesso: #5bd49a;
  }
}