/* =====================================================================
   ARQUIVO GERADO — NÃO EDITAR À MÃO.

   Gerado por scripts/design/build_tokens.py a partir de:
     /home/hebreus/Projetos/hebreus-design-system/docs/design-system/HEBREUS_DESIGN_TOKENS.json
   Hebreus Product Design System — versão 0.2.0-web-ready-draft

   Para atualizar: rode `python3 scripts/design/build_tokens.py` de novo.
   A fonte de verdade dos valores é o JSON acima, não este arquivo.
   ===================================================================== */

:root {
  --hb-color-ink-900: #111111;
  --hb-color-ink-800: #242424;  /* NOVO. Unico valor de cor criado nesta versao. ink.700 (#444444) era o unico vizinho mais claro e da um passo de dL* 23,79 - le como outro botao, nao como o mesmo botao em hover. #242424 da dL* 9,13, alinhado ao passo do lado claro (dL* 5,98). Branco sobre ele: 15,52:1. */
  --hb-color-ink-700: #444444;
  --hb-color-neutral-600: #63625F;
  --hb-color-neutral-550: #6F6B67;  /* Mantido como primitivo por rastreabilidade. Nao usar como nivel de texto: fica a dE76 4,14 de neutral.600 (22.1). */
  --hb-color-neutral-500: #8D8A86;
  --hb-color-neutral-400: #B4B0AA;
  --hb-color-neutral-350: #C9C5BF;
  --hb-color-neutral-300: #D8D4CE;
  --hb-color-neutral-200: #E5E2E1;
  --hb-color-neutral-150: #EAEAEA;
  --hb-color-neutral-120: #EDEAE6;
  --hb-color-neutral-115: #EAE6E4;
  --hb-color-neutral-110: #E4E0DA;
  --hb-color-neutral-100: #F1EDEC;
  --hb-color-neutral-050: #F7F3F2;
  --hb-color-neutral-025: #FCFBFA;
  --hb-color-paper: #F7F6F3;
  --hb-color-white: #FFFFFF;
  --hb-color-teal-700: #00695C;
  --hb-color-teal-600: #00897B;
  --hb-color-teal-200: #CBE4D8;
  --hb-color-teal-100: #E3F0EA;
  --hb-color-teal-050: #E0F2F1;
  --hb-color-teal-muted: #4A6B60;
  --hb-color-amber-700: #876A19;
  --hb-color-amber-600: #B28005;
  --hb-color-amber-150: #EEDFAF;
  --hb-color-amber-100: #FBF1D6;
  --hb-color-red-700: #C62828;
  --hb-color-red-150: #F0D2D2;
  --hb-color-red-100: #FBE3E3;
  --hb-color-green-700: #2E7D32;
  --hb-color-background: var(--hb-color-paper);
  --hb-color-surface: var(--hb-color-white);
  --hb-color-surface-soft: var(--hb-color-neutral-100);
  --hb-color-surface-auxiliary: var(--hb-color-neutral-050);
  --hb-color-surface-info: var(--hb-color-neutral-025);
  --hb-color-text-primary: var(--hb-color-ink-900);
  --hb-color-text-secondary: var(--hb-color-neutral-600);
  --hb-color-text-tertiary: var(--hb-color-neutral-550);  /* deprecated: 22.1 resolvido: o sistema nasce com DOIS niveis de texto. A dE76 de 4,14 contra text.secondary nao sustenta um terceiro degrau cromatico. Use text.secondary e faca a hierarquia com tamanho e peso. Publicado apenas para os 53 pontos de uso existentes no WORKFORCE. */
  --hb-color-text-disabled: var(--hb-color-neutral-400);
  --hb-color-text-on-ink: var(--hb-color-white);
  --hb-color-border: var(--hb-color-neutral-150);
  --hb-color-border-internal: var(--hb-color-neutral-100);
  --hb-color-border-field: var(--hb-color-neutral-500);
  --hb-color-border-field-hover: var(--hb-color-ink-900);
  --hb-color-border-disabled: var(--hb-color-neutral-350);
  --hb-color-accent: var(--hb-color-teal-700);
  --hb-color-success-text: var(--hb-color-teal-700);
  --hb-color-success-accent: var(--hb-color-teal-600);
  --hb-color-success-surface: var(--hb-color-teal-100);
  --hb-color-success-tile: var(--hb-color-teal-050);
  --hb-color-success-border: var(--hb-color-teal-200);
  --hb-color-warning-text: var(--hb-color-amber-700);
  --hb-color-warning-graphic: var(--hb-color-amber-600);
  --hb-color-warning-surface: var(--hb-color-amber-100);
  --hb-color-warning-border: var(--hb-color-amber-150);
  --hb-color-danger-text: var(--hb-color-red-700);
  --hb-color-danger-surface: var(--hb-color-red-100);
  --hb-color-danger-border: var(--hb-color-red-150);
  --hb-color-info: var(--hb-color-teal-700);  /* O sistema NAO tem azul informativo. Informacao usa o acento. */
  --hb-color-positive-value: var(--hb-color-green-700);
  --hb-color-control-track: var(--hb-color-neutral-300);
  --hb-color-control-fill-disabled: var(--hb-color-neutral-200);
  --hb-color-avatar-surface: var(--hb-color-neutral-120);
  --hb-color-focus-ring: var(--hb-color-ink-900);
  --hb-color-interactive-hover-surface: var(--hb-color-neutral-100);
  --hb-color-interactive-hover-ink: var(--hb-color-ink-800);
  --hb-color-interactive-pressed-surface: var(--hb-color-neutral-110);
  --hb-color-interactive-pressed-ink: var(--hb-color-ink-700);
  --hb-color-link-text: var(--hb-color-ink-900);
  --hb-color-link-underline: var(--hb-color-neutral-600);
  --hb-color-link-underline-hover: var(--hb-color-ink-900);
  --hb-color-link-pressed: var(--hb-color-neutral-600);
  --hb-color-overlay: rgba(17, 17, 17, 0.32);  /* 22.6 - o prototipo nao declara overlay modal. Proposta a validar. */
  --hb-color-chrome-scrim: rgba(247, 246, 243, 0.92);
  --hb-typography-family-editorial: Newsreader, Georgia, "Times New Roman", serif;
  --hb-typography-family-interface: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --hb-typography-family-technical: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --hb-typography-family-symbol: "Material Symbols Outlined";
  --hb-typography-weight-regular: 400;  /* padrao herdado do navegador, nao declarado */
  --hb-typography-weight-medium: 500;
  --hb-typography-weight-semibold: 600;
  --hb-typography-weight-bold: 700;
  --hb-typography-tracking-editorial-tight: -0.03em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-editorial-normal: -0.02em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-interface-normal: 0em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-technical-normal: 0.03em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-technical-wide: 0.04em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-technical-wider: 0.05em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-section: 0.15em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-tracking-brand: 0.28em;  /* Razao em em. DTCG dimension nao aceita em; por isso o tipo e number. */
  --hb-typography-scale-display-font-family: var(--hb-typography-family-editorial);
  --hb-typography-scale-display-font-size: 38px;
  --hb-typography-scale-display-font-weight: var(--hb-typography-weight-semibold);
  --hb-typography-scale-display-letter-spacing: -1.14px;
  --hb-typography-scale-display-line-height: 1.08;
  --hb-typography-scale-headline-font-family: var(--hb-typography-family-editorial);
  --hb-typography-scale-headline-font-size: 34px;
  --hb-typography-scale-headline-font-weight: var(--hb-typography-weight-semibold);
  --hb-typography-scale-headline-letter-spacing: -1.02px;
  --hb-typography-scale-headline-line-height: 1.1;
  --hb-typography-scale-title-font-family: var(--hb-typography-family-editorial);
  --hb-typography-scale-title-font-size: 30px;
  --hb-typography-scale-title-font-weight: var(--hb-typography-weight-semibold);
  --hb-typography-scale-title-letter-spacing: -0.6px;
  --hb-typography-scale-title-line-height: 1.12;
  --hb-typography-scale-subtitle-font-family: var(--hb-typography-family-editorial);
  --hb-typography-scale-subtitle-font-size: 22px;
  --hb-typography-scale-subtitle-font-weight: var(--hb-typography-weight-semibold);
  --hb-typography-scale-subtitle-letter-spacing: -0.44px;
  --hb-typography-scale-subtitle-line-height: 1.15;
  --hb-typography-scale-body-large-font-family: var(--hb-typography-family-interface);
  --hb-typography-scale-body-large-font-size: 16px;
  --hb-typography-scale-body-large-font-weight: var(--hb-typography-weight-regular);
  --hb-typography-scale-body-large-letter-spacing: 0px;
  --hb-typography-scale-body-large-line-height: 1.6;
  --hb-typography-scale-body-font-family: var(--hb-typography-family-interface);
  --hb-typography-scale-body-font-size: 15px;
  --hb-typography-scale-body-font-weight: var(--hb-typography-weight-regular);
  --hb-typography-scale-body-letter-spacing: 0px;
  --hb-typography-scale-body-line-height: 1.5;
  --hb-typography-scale-body-small-font-family: var(--hb-typography-family-interface);
  --hb-typography-scale-body-small-font-size: 14px;
  --hb-typography-scale-body-small-font-weight: var(--hb-typography-weight-regular);
  --hb-typography-scale-body-small-letter-spacing: 0px;
  --hb-typography-scale-body-small-line-height: 1.45;
  --hb-typography-scale-label-large-font-family: var(--hb-typography-family-technical);
  --hb-typography-scale-label-large-font-size: 13px;
  --hb-typography-scale-label-large-font-weight: var(--hb-typography-weight-medium);
  --hb-typography-scale-label-large-letter-spacing: 0.65px;
  --hb-typography-scale-label-large-line-height: 1.23;
  --hb-typography-scale-label-font-family: var(--hb-typography-family-technical);
  --hb-typography-scale-label-font-size: 12px;
  --hb-typography-scale-label-font-weight: var(--hb-typography-weight-medium);
  --hb-typography-scale-label-letter-spacing: 0.6px;
  --hb-typography-scale-label-line-height: 1.33;
  --hb-typography-scale-label-small-font-family: var(--hb-typography-family-technical);
  --hb-typography-scale-label-small-font-size: 11px;
  --hb-typography-scale-label-small-font-weight: var(--hb-typography-weight-regular);
  --hb-typography-scale-label-small-letter-spacing: 0.44px;
  --hb-typography-scale-label-small-line-height: 1.45;
  --hb-typography-scale-caption-font-family: var(--hb-typography-family-technical);
  --hb-typography-scale-caption-font-size: 10px;
  --hb-typography-scale-caption-font-weight: var(--hb-typography-weight-regular);
  --hb-typography-scale-caption-letter-spacing: 0.3px;
  --hb-typography-scale-caption-line-height: 1.3;
  --hb-space-1: 4px;
  --hb-space-2: 6px;
  --hb-space-3: 8px;
  --hb-space-4: 12px;
  --hb-space-5: 16px;
  --hb-space-6: 20px;
  --hb-space-7: 24px;
  --hb-space-8: 32px;
  --hb-space-9: 40px;
  --hb-space-gutter-chrome: 14px;
  --hb-space-gutter-content: 20px;
  --hb-space-gutter-focus: 28px;
  --hb-space-definition-row-dense: 9px;
  --hb-space-definition-row-comfortable: 12px;
  --hb-radius-action: 4px;
  --hb-radius-control: 8px;
  --hb-radius-container: 12px;
  --hb-radius-tile: 20px;
  --hb-radius-pill: 999px;
  --hb-radius-circle: 50%;  /* Percentual nao e uma dimension DTCG valida (so px e rem); por isso o tipo e number com a unidade registrada aqui. */
  --hb-border-hairline: 1px solid var(--hb-color-border);
  --hb-border-internal: 1px solid var(--hb-color-border-internal);
  --hb-border-field: 1px solid var(--hb-color-border-field);
  --hb-border-field-hover: 1px solid var(--hb-color-border-field-hover);
  --hb-border-field-disabled: 1px solid var(--hb-color-border-disabled);
  --hb-border-underline: 1px solid var(--hb-color-text-primary);
  --hb-elevation-chrome-fixed-backdrop-blur: 8px;
  --hb-motion-duration-instant: 160ms;
  --hb-motion-duration-press: 80ms;  /* NOVO. Unico token de movimento criado nesta versao. O contato precisa cair dentro da janela perceptual de ~100ms; o menor token existente (instant, 160ms) e duracao de saida de tela e chega tarde para feedback de toque. */
  --hb-motion-duration-short: 250ms;
  --hb-motion-duration-medium: 500ms;
  --hb-motion-duration-spin: 800ms;
  --hb-motion-duration-ring: 1200ms;
  --hb-motion-duration-pulse: 1600ms;
  --hb-motion-duration-zero: 0ms;
  --hb-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);  /* o ease do CSS */
  --hb-motion-easing-settle: cubic-bezier(0.2, 0.7, 0.3, 1.4);  /* o UNICO overshoot do sistema */
  --hb-motion-easing-linear: cubic-bezier(0, 0, 1, 1);  /* so para rotacao infinita. linear do CSS equivale a cubic-bezier(0,0,1,1). */
  --hb-motion-transform-enter-translate-y: 8px;
  --hb-motion-transition-hover: var(--hb-motion-duration-instant) var(--hb-motion-easing-standard);
  --hb-motion-transition-press-in: var(--hb-motion-duration-press) var(--hb-motion-easing-standard);
  --hb-motion-transition-press-out: var(--hb-motion-duration-instant) var(--hb-motion-easing-standard);
  --hb-motion-transition-focus: var(--hb-motion-duration-zero) var(--hb-motion-easing-standard);
  --hb-motion-transition-exit: var(--hb-motion-duration-instant) var(--hb-motion-easing-standard);
  --hb-motion-transition-enter: var(--hb-motion-duration-medium) var(--hb-motion-easing-standard);
  --hb-motion-transition-success: var(--hb-motion-duration-medium) var(--hb-motion-easing-settle);
  --hb-breakpoint-compact: 0px;
  --hb-breakpoint-mobile: 360px;
  --hb-breakpoint-tablet: 600px;
  --hb-breakpoint-desktop: 1024px;
  --hb-breakpoint-max-width-prose: 300px;
  --hb-breakpoint-max-width-content: 720px;  /* 22.5 - sem evidencia */
  --hb-size-touch-target: 48px;  /* escolha ergonomica do Material, mais forte que a WCAG 2.5.8 (24x24). NAO reportar como conformidade AA de 48dp. */
  --hb-size-top-bar: 56px;
  --hb-size-bottom-nav: 68px;
  --hb-size-button-height: 52px;
  --hb-size-chip-height: 32px;
  --hb-size-field-row: 48px;
  --hb-size-state-tile: 80px;
  --hb-size-status-dot: 6px;
  --hb-size-notification-dot: 7px;
  --hb-size-icon-small: 16px;
  --hb-size-icon-compact: 18px;
  --hb-size-icon-default: 24px;
  --hb-size-icon-tile: 44px;
  --hb-size-focus-ring-width: 2px;
  --hb-size-focus-ring-offset: 2px;
}