/* Semantic adapter shared by every preset. Mode tokens come from the package;
   data-theme and certintel_theme remain exclusively light/dark/auto. */
:root {
  --bg: var(--ci-bg);
  --surface: var(--ci-card);
  --surface-2: var(--ci-surface);
  --border: color-mix(in srgb, var(--ci-line) 40%, var(--ci-card));
  --outline: var(--ci-line);
  --text: var(--ci-fg);
  --text-dim: var(--ci-muted);
  --brand: var(--ci-primary);
  --brand-ink: var(--ci-on-primary);
  --link: var(--ci-link);
  --ok: color-mix(in srgb, var(--ci-ok) 80%, var(--ci-fg));
  --ok-bg: color-mix(in srgb, var(--ci-ok) 10%, var(--ci-card));
  --warn: color-mix(in srgb, var(--ci-warn) 80%, var(--ci-fg));
  --warn-bg: color-mix(in srgb, var(--ci-warn) 10%, var(--ci-card));
  --danger: color-mix(in srgb, var(--ci-danger) 80%, var(--ci-fg));
  --danger-bg: color-mix(in srgb, var(--ci-danger) 10%, var(--ci-card));
  --danger-fill: var(--danger);
  --danger-ink: var(--ci-bg);
  --chart: var(--ci-chart);
  --radius: var(--ci-radius);
  --mono: var(--ci-mono-font);
  --sans: var(--ci-body-font);
  --ci-display: var(--ci-display-font);
  --ci-label: var(--ci-mono-font);
  --ci-radius-sm: var(--ci-field-radius);
  --ci-shadow: var(--ci-card-shadow);
  --ci-shadow-sm: var(--ci-button-shadow);
  --ci-code-bg: var(--ci-muted-bg);
  --ci-inline-code-bg: var(--ci-muted-bg);
  --topbar-height: 58px;
}