/* Token-Brücke: HONOR-Tokens (design/tokens.css) -> KERN-/Kolibri-Variablen, damit Kolibri-Komponenten
   im aktiven Theme (data-theme) erscheinen. Nur Variablenzuweisungen, keine festen Farben. */
:root {
  --kern-color-action-default: var(--color-primary);
  --kern-color-action-on-default: var(--color-on-primary);
  --kern-color-action-visited: var(--color-secondary);
  --kern-color-action-focus-background: var(--color-surface);
  --kern-color-action-focus-border-inside: var(--color-surface);
  --kern-color-action-focus-border-outside: var(--focus-color);
  --kern-color-feedback-danger: var(--color-error);
  --kern-color-feedback-danger-background: var(--color-error-soft);
  --kern-color-feedback-info: var(--color-primary);
  --kern-color-feedback-info-background: var(--color-info-soft);
  --kern-color-feedback-success: var(--color-success);
  --kern-color-feedback-success-background: var(--color-success-soft);
  --kern-color-feedback-warning: var(--color-warning);
  --kern-color-feedback-warning-background: var(--color-warning-soft);
  --kern-color-form-input-background: var(--color-surface);
  --kern-color-form-input-border: var(--color-border-strong);
  --kern-color-layout-background-default: var(--color-surface);
  --kern-color-layout-background-hued: var(--color-surface-alt);
  --kern-color-layout-border: var(--color-border);
  --kern-color-layout-text-default: var(--color-text);
  --kern-color-layout-text-muted: var(--color-text-muted);
  --kern-color-layout-text-inverse: var(--color-on-primary);
  --kern-metric-space-2x-small: var(--space-1);
  --kern-metric-space-x-small: var(--space-2);
  --kern-metric-space-small: var(--space-3);
  --kern-metric-space-default: var(--space-4);
  --kern-metric-space-large: var(--space-6);
  --kern-metric-space-x-large: var(--space-8);
  --kern-metric-border-radius-default: var(--radius);
  --kern-metric-border-radius-large: var(--radius-lg);
  --kern-metric-border-width-default: 1px;
  --kern-metric-border-width-bold: 2px;
  --kern-typography-font-family-default: var(--font-text);
  --kern-typography-font-family-fira-sans: var(--font-text);
  --kern-typography-font-family-fira-mono: var(--font-mono);
}