/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-brand-primary: #030852; /** Cor primária da marca (azul-marinho profundo). Âncora. */
  --color-palette-yellow-base: #ffc53d;
  --color-palette-yellow-light: #ffe58f;
  --color-palette-yellow-very-light: #fff1b8;
  --color-palette-pink-base: #f759ab;
  --color-palette-pink-light: #ffadd2;
  --color-palette-pink-very-light: #ffd6e7;
  --color-palette-red-base: #ff4d4f;
  --color-palette-red-light: #ffa39e;
  --color-palette-red-very-light: #ffccc7;
  --color-palette-blue-base: #4096ff;
  --color-palette-blue-light: #91caff;
  --color-palette-blue-very-light: #bae0ff;
  --color-palette-green-base: #73d13d;
  --color-palette-green-light: #b7eb8f;
  --color-palette-green-very-light: #d9f7be;
  --color-palette-purple-base: #9254de;
  --color-palette-purple-light: #d3adf7;
  --color-palette-purple-very-light: #efdbff;
  --color-palette-dark: #010311; /** Quase-preto da marca. */
  --color-palette-white: #ffffff;
  --color-palette-gray-1: #fafafa;
  --color-palette-gray-2: #f5f5f5;
  --color-palette-gray-3: #f0f0f0;
  --color-palette-gray-4: #d9d9d9;
  --color-palette-gray-5: #bfbfbf;
  --color-palette-gray-6: #8c8c8c;
  --color-palette-gray-7: #595959;
  --color-palette-gray-8: #434343;
  --font-family-logo: 'Baloo Bhaijaan 2', system-ui, sans-serif; /** Fonte do logotipo (Google Fonts, licença OFL). */
  --font-family-display: 'Baloo Bhaijaan 2', system-ui, sans-serif; /** Títulos em site e mídias. Contexto: dentro do produto/sistema usa-se apenas Red Hat Display (ver typography/type.md). */
  --font-family-body: 'Red Hat Display', system-ui, sans-serif; /** Família para texto corrido (Google Fonts, licença OFL). */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-scale-h1: 48px; /** Valor inicial sugerido — confirmar */
  --font-scale-h2: 36px; /** Valor inicial sugerido — confirmar */
  --font-scale-h3: 28px; /** Valor inicial sugerido — confirmar */
  --font-scale-h4: 22px; /** Valor inicial sugerido — confirmar */
  --font-scale-body: 16px;
  --font-scale-small: 14px;
  --font-scale-caption: 12px;
  --font-line-height-tight: 1.2; /** Títulos */
  --font-line-height-base: 1.5; /** Texto corrido */
  --radius-sm: 8px; /** Valor inicial sugerido — confirmar */
  --radius-card: 16px; /** Valor inicial sugerido — confirmar */
  --radius-pill: 9999px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --color-brand-secondary: var(--color-palette-yellow-base); /** Cor secundária / assinatura da marca (amarelo). Hero, CTAs, destaques. */
  --color-surface-base: var(--color-palette-white); /** Fundo padrão — corpo da página. */
  --color-surface-subtle: var(--color-palette-gray-1); /** Superfícies de apoio — menu lateral, áreas secundárias. */
  --color-surface-inverse: var(--color-palette-dark); /** Fundo escuro/invertido (seções dark, footer). */
  --color-text-base: var(--color-brand-primary); /** Texto padrão sobre fundos claros. */
  --color-text-muted: var(--color-palette-gray-7); /** Texto secundário/legendas. */
  --color-text-on-brand: var(--color-palette-white); /** Texto sobre color.brand.primary (ex.: label de botão). */
  --color-feedback-success: var(--color-palette-green-light);
  --color-feedback-warning: var(--color-palette-yellow-light);
  --color-feedback-error: var(--color-palette-red-light);
  --color-feedback-text: var(--color-brand-primary); /** Texto sobre fundos de feedback. */
  --gradient-wash: linear-gradient(135deg, var(--color-palette-white) 0%, var(--color-palette-pink-very-light) 42%, var(--color-palette-purple-very-light) 72%, var(--color-palette-blue-very-light) 100%); /** Fundo claro e suave (hero/seções). Fundo claro: usar texto azul-marinho, nunca branco. */
  --gradient-yellow-mono: linear-gradient(135deg, var(--color-palette-yellow-very-light) 0%, var(--color-palette-yellow-light) 50%, var(--color-palette-yellow-base) 100%); /** Monocromático amarelo (cor de assinatura). Fundo claro: texto azul-marinho. */
  --gradient-yellow-wash: linear-gradient(135deg, var(--color-palette-white) 0%, var(--color-palette-yellow-very-light) 50%, var(--color-palette-yellow-light) 100%); /** Wash amarelo arejado (assinatura). Fundo claro: texto azul-marinho. */
  --gradient-warm: linear-gradient(135deg, var(--color-palette-yellow-base) 0%, var(--color-palette-pink-base) 50%, var(--color-palette-purple-base) 100%);
  --gradient-cool: linear-gradient(135deg, var(--color-palette-blue-base) 0%, var(--color-palette-purple-base) 50%, var(--color-palette-pink-base) 100%);
  --gradient-fresh: linear-gradient(135deg, var(--color-palette-green-base) 0%, var(--color-palette-blue-base) 100%);
  --gradient-sunset: linear-gradient(135deg, var(--color-palette-yellow-base) 0%, var(--color-palette-red-base) 50%, var(--color-palette-pink-base) 100%);
  --gradient-navy-purple: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-palette-purple-base) 100%);
  --gradient-navy-blue: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-palette-blue-base) 100%);
  --gradient-navy-pink: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-palette-pink-base) 100%);
  --gradient-warm-soft: linear-gradient(135deg, var(--color-palette-yellow-very-light) 0%, var(--color-palette-pink-very-light) 50%, var(--color-palette-purple-very-light) 100%); /** Versão very-light (pastel) do warm. Fundo claro: texto azul-marinho. */
  --gradient-cool-soft: linear-gradient(135deg, var(--color-palette-blue-very-light) 0%, var(--color-palette-purple-very-light) 50%, var(--color-palette-pink-very-light) 100%); /** Versão very-light (pastel) do cool. Fundo claro: texto azul-marinho. */
  --gradient-fresh-soft: linear-gradient(135deg, var(--color-palette-green-very-light) 0%, var(--color-palette-blue-very-light) 100%); /** Versão very-light (pastel) do fresh. Fundo claro: texto azul-marinho. */
  --gradient-sunset-soft: linear-gradient(135deg, var(--color-palette-yellow-very-light) 0%, var(--color-palette-red-very-light) 50%, var(--color-palette-pink-very-light) 100%); /** Versão very-light (pastel) do sunset. Fundo claro: texto azul-marinho. */
}