/*
 * ARQUIVO GERADO AUTOMATICAMENTE.
 * Fonte: starter-kit/design-system/tokens.json
 * Não editar manualmente.
 */

:root {

  /* Cores */
  --token-color-primary: #164e63;
  --token-color-primary-hover: #0e3f50;
  --token-color-primary-soft: #e7f3f5;
  --token-color-secondary: #0f766e;
  --token-color-secondary-hover: #0b5f59;
  --token-color-secondary-soft: #e6f4f2;
  --token-color-accent: #c58b3a;
  --token-color-accent-hover: #a97129;
  --token-color-accent-soft: #fbf3e7;
  --token-color-heading: #172033;
  --token-color-text: #344054;
  --token-color-text-muted: #667085;
  --token-color-text-light: #98a2b3;
  --token-color-background: #f7f9fa;
  --token-color-surface: #ffffff;
  --token-color-surface-muted: #f1f5f6;
  --token-color-border: #d9e2e5;
  --token-color-border-strong: #b7c6cb;
  --token-color-success: #027a48;
  --token-color-warning: #b54708;
  --token-color-error: #b42318;
  --token-color-info: #175cd3;
  --token-color-white: #ffffff;
  --token-color-black: #101828;

  /* Famílias tipográficas */
  --token-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --token-font-heading: var(--token-font-sans);
  --token-font-body: var(--token-font-sans);

  /* Escala tipográfica */
  --token-font-size-xs: 0.75rem;
  --token-font-size-sm: 0.875rem;
  --token-font-size-base: 1rem;
  --token-font-size-md: 1.125rem;
  --token-font-size-lg: 1.25rem;
  --token-font-size-xl: 1.5rem;
  --token-font-size-2xl: 2rem;
  --token-font-size-3xl: 2.5rem;
  --token-font-size-4xl: 3.25rem;

  /* Entrelinhas */
  --token-line-height-tight: 1.15;
  --token-line-height-heading: 1.25;
  --token-line-height-body: 1.65;

  /* Pesos tipográficos */
  --token-font-weight-regular: 400;
  --token-font-weight-medium: 500;
  --token-font-weight-semibold: 600;
  --token-font-weight-bold: 700;

  /* Espaçamento */
  --token-space-1: 0.25rem;
  --token-space-2: 0.5rem;
  --token-space-3: 0.75rem;
  --token-space-4: 1rem;
  --token-space-5: 1.25rem;
  --token-space-6: 1.5rem;
  --token-space-8: 2rem;
  --token-space-10: 2.5rem;
  --token-space-12: 3rem;
  --token-space-16: 4rem;
  --token-space-20: 5rem;
  --token-space-24: 6rem;

  /* Containers */
  --token-container-sm: 720px;
  --token-container-md: 960px;
  --token-container-lg: 1200px;
  --token-container-xl: 1320px;

  /* Raios */
  --token-radius-sm: 0.375rem;
  --token-radius-md: 0.625rem;
  --token-radius-lg: 1rem;
  --token-radius-xl: 1.5rem;
  --token-radius-pill: 999px;

  /* Sombras */
  --token-shadow-xs: 0 1px 2px rgb(16 24 40 / 5%);
  --token-shadow-sm: 0 1px 3px rgb(16 24 40 / 10%), 0 1px 2px rgb(16 24 40 / 6%);
  --token-shadow-md: 0 4px 8px -2px rgb(16 24 40 / 10%), 0 2px 4px -2px rgb(16 24 40 / 6%);
  --token-shadow-lg: 0 12px 24px -4px rgb(16 24 40 / 12%), 0 4px 8px -4px rgb(16 24 40 / 6%);

  /* Transições */
  --token-transition-fast: 150ms ease;
  --token-transition-base: 250ms ease;
  --token-transition-slow: 400ms ease;

  /* Breakpoints */
  --token-breakpoint-mobile: 767px;
  --token-breakpoint-tablet: 999px;
  --token-breakpoint-desktop: 1000px;

  /* Foco acessível */
  --token-focus-ring: 0 0 0 3px rgb(22 78 99 / 22%);

  /*
   * Camada de compatibilidade.
   * Os componentes atuais continuam usando --yc-*.
   */
  --yc-color-primary: var(--token-color-primary);
  --yc-color-primary-hover: var(--token-color-primary-hover);
  --yc-color-primary-soft: var(--token-color-primary-soft);
  --yc-color-secondary: var(--token-color-secondary);
  --yc-color-secondary-hover: var(--token-color-secondary-hover);
  --yc-color-secondary-soft: var(--token-color-secondary-soft);
  --yc-color-accent: var(--token-color-accent);
  --yc-color-accent-hover: var(--token-color-accent-hover);
  --yc-color-accent-soft: var(--token-color-accent-soft);
  --yc-color-heading: var(--token-color-heading);
  --yc-color-text: var(--token-color-text);
  --yc-color-text-muted: var(--token-color-text-muted);
  --yc-color-text-light: var(--token-color-text-light);
  --yc-color-background: var(--token-color-background);
  --yc-color-surface: var(--token-color-surface);
  --yc-color-surface-muted: var(--token-color-surface-muted);
  --yc-color-border: var(--token-color-border);
  --yc-color-border-strong: var(--token-color-border-strong);
  --yc-color-success: var(--token-color-success);
  --yc-color-warning: var(--token-color-warning);
  --yc-color-error: var(--token-color-error);
  --yc-color-info: var(--token-color-info);
  --yc-color-white: var(--token-color-white);
  --yc-color-black: var(--token-color-black);
  --yc-font-sans: var(--token-font-sans);
  --yc-font-heading: var(--token-font-heading);
  --yc-font-body: var(--token-font-body);
  --yc-font-size-xs: var(--token-font-size-xs);
  --yc-font-size-sm: var(--token-font-size-sm);
  --yc-font-size-base: var(--token-font-size-base);
  --yc-font-size-md: var(--token-font-size-md);
  --yc-font-size-lg: var(--token-font-size-lg);
  --yc-font-size-xl: var(--token-font-size-xl);
  --yc-font-size-2xl: var(--token-font-size-2xl);
  --yc-font-size-3xl: var(--token-font-size-3xl);
  --yc-font-size-4xl: var(--token-font-size-4xl);
  --yc-line-height-tight: var(--token-line-height-tight);
  --yc-line-height-heading: var(--token-line-height-heading);
  --yc-line-height-body: var(--token-line-height-body);
  --yc-font-weight-regular: var(--token-font-weight-regular);
  --yc-font-weight-medium: var(--token-font-weight-medium);
  --yc-font-weight-semibold: var(--token-font-weight-semibold);
  --yc-font-weight-bold: var(--token-font-weight-bold);
  --yc-space-1: var(--token-space-1);
  --yc-space-2: var(--token-space-2);
  --yc-space-3: var(--token-space-3);
  --yc-space-4: var(--token-space-4);
  --yc-space-5: var(--token-space-5);
  --yc-space-6: var(--token-space-6);
  --yc-space-8: var(--token-space-8);
  --yc-space-10: var(--token-space-10);
  --yc-space-12: var(--token-space-12);
  --yc-space-16: var(--token-space-16);
  --yc-space-20: var(--token-space-20);
  --yc-space-24: var(--token-space-24);
  --yc-container-sm: var(--token-container-sm);
  --yc-container-md: var(--token-container-md);
  --yc-container-lg: var(--token-container-lg);
  --yc-container-xl: var(--token-container-xl);
  --yc-radius-sm: var(--token-radius-sm);
  --yc-radius-md: var(--token-radius-md);
  --yc-radius-lg: var(--token-radius-lg);
  --yc-radius-xl: var(--token-radius-xl);
  --yc-radius-pill: var(--token-radius-pill);
  --yc-shadow-xs: var(--token-shadow-xs);
  --yc-shadow-sm: var(--token-shadow-sm);
  --yc-shadow-md: var(--token-shadow-md);
  --yc-shadow-lg: var(--token-shadow-lg);
  --yc-transition-fast: var(--token-transition-fast);
  --yc-transition-base: var(--token-transition-base);
  --yc-transition-slow: var(--token-transition-slow);
  --yc-breakpoint-mobile: var(--token-breakpoint-mobile);
  --yc-breakpoint-tablet: var(--token-breakpoint-tablet);
  --yc-breakpoint-desktop: var(--token-breakpoint-desktop);
  --yc-focus-ring: var(--token-focus-ring);
}