.minne-shell {
  --minne-app-bg: var(--surface);
  --minne-text: var(--on-surface);
  --minne-text-muted: var(--on-surface-variant);
  --minne-text-subtle: color-mix(in srgb, var(--on-surface-variant) 82%, transparent);
  --minne-accent: var(--primary);
  --minne-danger: var(--error);
  --minne-surface-base: var(--surface);

  --minne-space-2: var(--space-2);
  --minne-nav-tree-gap: var(--space-1);

  --minne-nav-button-bg: var(--surface-container-low);
  --minne-nav-button-border: color-mix(in srgb, var(--outline-variant) 38%, transparent);
  --minne-nav-icon: color-mix(in srgb, var(--on-surface-variant) 90%, transparent);

  --minne-field-label-color: var(--minne-text-muted);
  --minne-field-label-size: 0.72rem;
  --minne-field-label-weight: 650;
  --minne-field-label-tracking: 0.05em;

  --minne-panel-bg: color-mix(in srgb, var(--surface-container-low) 94%, var(--surface));
  --minne-panel-border: color-mix(in srgb, var(--outline-variant) 44%, transparent);
  --minne-panel-radius: 1.15rem;
  --minne-input-border: color-mix(in srgb, var(--outline-variant) 56%, transparent);
  --minne-input-border-strong: color-mix(in srgb, var(--outline) 38%, transparent);
  --minne-input-focus-ring: color-mix(in srgb, var(--primary) 72%, transparent);

  --minne-composer-send-size: 2rem;

  --minne-error-panel-bg: color-mix(in srgb, var(--error-container) 70%, var(--surface));
  --minne-error-panel-border: color-mix(in srgb, var(--error) 24%, transparent);
}