/* Ponte temporária para os componentes ks-* existentes.
   A fonte de verdade é brand/tokens.css, gerada por @kodiumai/brand/core. */
:root {
  --color-primary: var(--kd-color-accent-600);
  --color-secondary: var(--kd-color-accent-600);
  --color-accent: var(--kd-color-text-accent);
  --color-surface: var(--kd-color-surface-subtle);
  --color-border: var(--kd-color-border-default);
  --color-disabled: var(--kd-color-border-strong);
  --color-text-default: var(--kd-color-text-primary);
  --color-text-secondary: var(--kd-color-text-secondary);
  --color-danger: var(--kd-color-feedback-danger-base);
  --color-base-white: var(--kd-color-accent-on);
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-weight-medium: var(--kd-font-weight-medium);
  --font-weight-semibold: var(--kd-font-weight-semibold);
  --font-weight-bold: var(--kd-font-weight-bold);
  --font-line-height-tight: 1.2;
  --font-line-height-snug: 1.4;
  --font-line-height-normal: 1.5;
  --font-letter-spacing-wide: 0.1em;
  --shadow-lg: 0 20px 48px -32px color-mix(in srgb, var(--kd-color-neutral-950) 75%, transparent);

  --ks-font: var(--kd-font-family-sans);
  --ks-font-display: var(--kd-font-family-display);
  --ks-font-mono: var(--kd-font-family-mono);
  --ks-radius-nm: var(--kd-radius-md);
  --ks-radius-lg: var(--kd-radius-lg);
  --ks-c-verde: var(--kd-color-accent-600);
  --ks-c-verde-700: var(--kd-color-accent-700);
  --ks-c-verde-800: var(--kd-color-accent-800);
  --ks-c-azul: var(--kd-color-accent-600);
  --ks-c-azul-700: var(--kd-color-accent-700);
  --ks-c-azul-800: var(--kd-color-accent-800);
  --ks-c-ciano-300: var(--kd-color-text-accent);
  --ks-c-azul-50: color-mix(in srgb, var(--kd-color-accent-600) 12%, transparent);
  --ks-c-azul-200: color-mix(in srgb, var(--kd-color-accent-600) 28%, transparent);
  --ks-c-azul-400: var(--kd-color-text-accent);
  --ks-c-amarelo: var(--kd-color-feedback-warning-base);
  --ks-c-amarelo-700: var(--kd-color-feedback-warning-text);
  --ks-c-erro: var(--kd-color-feedback-danger-base);
  --ks-c-erro-400: var(--kd-color-feedback-danger-text);
  --ks-c-erro-600: var(--kd-color-feedback-danger-base);
  --ks-c-borda: var(--kd-color-border-default);
  --ks-c-neutro-suave: var(--kd-color-border-strong);
  --ks-c-neutro-700: var(--kd-color-text-secondary);
  --ks-c-neutro-800: var(--kd-color-text-primary);
  --ks-c-texto: var(--kd-color-text-primary);
  --ks-c-texto-2: var(--kd-color-text-secondary);
  --ks-c-preto: var(--kd-color-text-primary);
  --ks-c-white: var(--kd-color-accent-on);
  --ks-c-surface: var(--kd-color-surface-subtle);
  --ks-c-menu-escuro: var(--kd-color-neutral-950);

  --app-fundo: var(--kd-color-surface-default);
  --app-texto-suave: var(--kd-color-text-secondary);
  --app-acento: var(--kd-color-text-accent);
  --app-sucesso: var(--kd-color-feedback-success-text);
  --app-aviso: var(--kd-color-feedback-warning-text);
  --app-erro: var(--kd-color-feedback-danger-text);
  --app-info: var(--kd-color-feedback-info-text);
}

:root,
[data-theme="dark"] {
  --ks-c-neutro-50: color-mix(in srgb, var(--kd-color-surface-subtle) 72%, var(--kd-color-surface-default));
  --ks-c-neutro-100: var(--kd-color-surface-subtle);
}

[data-theme="light"] {
  --app-fundo: var(--kd-color-surface-subtle);
  --ks-c-surface: var(--kd-color-surface-default);
  --ks-c-neutro-50: var(--kd-color-surface-subtle);
  --ks-c-neutro-100: color-mix(in srgb, var(--kd-color-surface-subtle) 70%, var(--kd-color-surface-default));
}