/* =============================================================
   eteg-tokens.css — CSS custom properties geradas automaticamente
   Fonte: design-system.json v1.0.0 (2026-05-12)

   NUNCA editar este arquivo diretamente.
   Editar design-system.json e rodar: python3 bin/generate-tokens.py
   ============================================================= */

:root {
  /* Colors — brand */
  --eteg-color-brand-primary: #1563FF;
  --eteg-color-brand-primary-hover: #1150D4;
  --eteg-color-brand-primary-light: #E8EFFF;
  --eteg-color-brand-secondary: #2D2D2B;
  --eteg-color-brand-secondary-hover: #1A1A19;
  --eteg-color-brand-accent: #CCA6ED;
  /* Colors — text */
  --eteg-color-text-heading: #2D2D2B;
  --eteg-color-text-body: #4A4A48;
  --eteg-color-text-muted: #8A8A87;
  --eteg-color-text-disabled: #B5B5B2;
  --eteg-color-text-on-primary: #FFFFFF;
  --eteg-color-text-on-dark: #FFFFFF;
  --eteg-color-text-link: #1563FF;
  --eteg-color-text-link-hover: #1150D4;
  /* Colors — background */
  --eteg-color-bg-default: #FFFFFF;
  --eteg-color-bg-subtle: #F5F5F4;
  --eteg-color-bg-muted: #EAEAE8;
  --eteg-color-bg-dark: #2D2D2B;
  --eteg-color-bg-overlay: rgba(45,45,43,0.6);
  /* Colors — neutral */
  --eteg-color-neutral-50: #FAFAF9;
  --eteg-color-neutral-100: #F5F5F4;
  --eteg-color-neutral-200: #EAEAE8;
  --eteg-color-neutral-300: #D4D4D1;
  --eteg-color-neutral-400: #A3A3A0;
  --eteg-color-neutral-500: #73736F;
  --eteg-color-neutral-600: #52524F;
  --eteg-color-neutral-700: #40403D;
  --eteg-color-neutral-800: #2D2D2B;
  --eteg-color-neutral-900: #1A1A19;
  /* Colors — semantic */
  --eteg-color-success: #16A34A;
  --eteg-color-success-bg: #F0FDF4;
  --eteg-color-warning: #D97706;
  --eteg-color-warning-bg: #FFFBEB;
  --eteg-color-error: #DC2626;
  --eteg-color-error-bg: #FEF2F2;
  --eteg-color-info: #1563FF;
  --eteg-color-info-bg: #E8EFFF;
  /* Colors — border */
  --eteg-color-border-default: #EAEAE8;
  --eteg-color-border-strong: #D4D4D1;
  --eteg-color-border-focus: #1563FF;
  /* Typography — fonts */
  --eteg-font-heading: "Anybody", sans-serif;
  --eteg-font-body: "Inter", sans-serif;
  --eteg-font-mono: "JetBrains Mono", monospace;
  /* Typography — weights */
  --eteg-weight-regular: 400;
  --eteg-weight-medium: 500;
  --eteg-weight-semibold: 600;
  --eteg-weight-bold: 700;
  --eteg-weight-extrabold: 800;
  /* Typography — text styles */
  --eteg-text-display-lg-size: 4rem;
  --eteg-text-display-lg-weight: 800;
  --eteg-text-display-lg-line-height: 1.05;
  --eteg-text-display-size: 3rem;
  --eteg-text-display-weight: 800;
  --eteg-text-display-line-height: 1.1;
  --eteg-text-h1-size: 2.5rem;
  --eteg-text-h1-weight: 700;
  --eteg-text-h1-line-height: 1.15;
  --eteg-text-h2-size: 2rem;
  --eteg-text-h2-weight: 700;
  --eteg-text-h2-line-height: 1.2;
  --eteg-text-h3-size: 1.5rem;
  --eteg-text-h3-weight: 700;
  --eteg-text-h3-line-height: 1.25;
  --eteg-text-h4-size: 1.25rem;
  --eteg-text-h4-weight: 600;
  --eteg-text-h4-line-height: 1.3;
  --eteg-text-h5-size: 1.125rem;
  --eteg-text-h5-weight: 600;
  --eteg-text-h5-line-height: 1.4;
  --eteg-text-h6-size: 1rem;
  --eteg-text-h6-weight: 600;
  --eteg-text-h6-line-height: 1.4;
  --eteg-text-body-xl-size: 1.25rem;
  --eteg-text-body-xl-weight: 400;
  --eteg-text-body-xl-line-height: 1.6;
  --eteg-text-body-lg-size: 1.125rem;
  --eteg-text-body-lg-weight: 400;
  --eteg-text-body-lg-line-height: 1.6;
  --eteg-text-body-size: 1rem;
  --eteg-text-body-weight: 400;
  --eteg-text-body-line-height: 1.6;
  --eteg-text-body-sm-size: 0.875rem;
  --eteg-text-body-sm-weight: 400;
  --eteg-text-body-sm-line-height: 1.5;
  --eteg-text-label-size: 0.875rem;
  --eteg-text-label-weight: 500;
  --eteg-text-label-line-height: 1.4;
  --eteg-text-caption-size: 0.75rem;
  --eteg-text-caption-weight: 400;
  --eteg-text-caption-line-height: 1.4;
  --eteg-text-overline-size: 0.75rem;
  --eteg-text-overline-weight: 600;
  --eteg-text-overline-line-height: 1.4;
  --eteg-text-button-size: 1rem;
  --eteg-text-button-weight: 600;
  --eteg-text-button-line-height: 1.2;
  /* Spacing scale */
  --eteg-space-0.5: 4px;
  --eteg-space-1: 8px;
  --eteg-space-1.5: 12px;
  --eteg-space-2: 16px;
  --eteg-space-3: 24px;
  --eteg-space-4: 32px;
  --eteg-space-5: 40px;
  --eteg-space-6: 48px;
  --eteg-space-8: 64px;
  --eteg-space-10: 80px;
  --eteg-space-12: 96px;
  --eteg-space-16: 128px;
  --eteg-space-20: 160px;
  /* Border radius */
  --eteg-radius-none: 0;
  --eteg-radius-xs: 2px;
  --eteg-radius-sm: 4px;
  --eteg-radius-md: 8px;
  --eteg-radius-lg: 12px;
  --eteg-radius-xl: 16px;
  --eteg-radius-2xl: 24px;
  --eteg-radius-3xl: 32px;
  --eteg-radius-full: 9999px;
  /* Shadows */
  --eteg-shadow-none: none;
  --eteg-shadow-xs: 0 1px 2px rgba(45,45,43,0.05);
  --eteg-shadow-sm: 0 2px 4px rgba(45,45,43,0.08);
  --eteg-shadow-md: 0 4px 12px rgba(45,45,43,0.10);
  --eteg-shadow-lg: 0 8px 24px rgba(45,45,43,0.12);
  --eteg-shadow-xl: 0 16px 40px rgba(45,45,43,0.14);
  --eteg-shadow-2xl: 0 24px 64px rgba(45,45,43,0.16);
  --eteg-shadow-inner: inset 0 2px 4px rgba(45,45,43,0.06);
  /* Layout */
  --eteg-layout-max-width: 1440px;
  --eteg-layout-content-width: 760px;
  --eteg-layout-gutter: 24px;
  --eteg-section-padding-desktop: 96px;
  --eteg-section-padding-tablet: 64px;
  --eteg-section-padding-mobile: 48px;
  --eteg-container-padding-desktop: 24px;
  --eteg-container-padding-tablet: 20px;
  --eteg-container-padding-mobile: 16px;
  /* Breakpoints — usar em @media via valor fixo, não via var() */
  --eteg-bp-mobile: 480px;
  --eteg-bp-tablet: 768px;
  --eteg-bp-desktop: 1024px;
  --eteg-bp-wide: 1440px;
  --eteg-bp-ultrawide: 1536px;
  /* Animation — duration */
  --eteg-duration-instant: 100ms;
  --eteg-duration-fast: 150ms;
  --eteg-duration-normal: 250ms;
  --eteg-duration-slow: 400ms;
  --eteg-duration-slower: 600ms;
  /* Animation — easing */
  --eteg-easing-default: cubic-bezier(0, 0, 0.2, 1);
  --eteg-easing-in: cubic-bezier(0.4, 0, 1, 1);
  --eteg-easing-out: cubic-bezier(0, 0, 0.2, 1);
  --eteg-easing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Nota: --eteg-bp-* não podem ser usadas em @media (min-width: var(--x)) —
   CSS não resolve vars em media queries. Use os valores numéricos diretamente
   ou os tokens do design-system.json como referência ao escrever o CSS. */