/**
 * Text editors and core widgets that ship with light-only colours:
 * CKEditor 5, the Markdown help icon and the vertical tabs menu.
 * Everything reads the tokens, so it follows light and dark.
 */

.ck {
  --ck-color-base-foreground: var(--surface-raised);
  --ck-color-base-background: var(--surface);
  --ck-color-base-border: var(--border-strong);
  --ck-color-base-action: var(--primary);
  --ck-color-base-focus: var(--focus);
  --ck-color-base-text: var(--text);
  --ck-color-text: var(--text);
  --ck-content-font-color: var(--text);
  --ck-color-focus-border: var(--focus);
  --ck-color-shadow-drop: rgba(0, 0, 0, 0.25);
  --ck-color-shadow-inner: rgba(0, 0, 0, 0.1);
  --ck-color-toolbar-background: var(--surface-raised);
  --ck-color-toolbar-border: var(--border);
  --ck-color-panel-background: var(--surface-raised);
  --ck-color-panel-border: var(--border);
  --ck-color-dropdown-panel-background: var(--surface-raised);
  --ck-color-dropdown-panel-border: var(--border);
  --ck-color-list-background: var(--surface-raised);
  --ck-color-list-button-hover-background: var(--surface-sunken);
  --ck-color-list-button-on-background: var(--primary);
  --ck-color-list-button-on-background-focus: var(--primary-hover);
  --ck-color-list-button-on-text: var(--on-primary);
  --ck-color-button-default-hover-background: var(--surface-sunken);
  --ck-color-button-default-active-background: var(--surface-sunken);
  --ck-color-button-on-background: var(--primary-soft);
  --ck-color-button-on-hover-background: var(--primary-soft);
  --ck-color-button-on-active-background: var(--primary-soft);
  --ck-color-button-on-color: var(--on-primary-soft);
  --ck-color-split-button-hover-background: var(--surface-sunken);
  --ck-color-input-background: var(--surface);
  --ck-color-input-border: var(--border-strong);
  --ck-color-input-text: var(--text);
  --ck-color-input-disabled-background: var(--surface-sunken);
  --ck-color-input-disabled-text: var(--text-subtle);
  --ck-color-tooltip-background: var(--text);
  --ck-color-tooltip-text: var(--bg);
  --ck-color-link-default: var(--primary);
  --ck-color-engine-placeholder-text: var(--text-subtle);
  --ck-color-widget-editable-focus-background: var(--surface);
  --ck-color-dialog-background: var(--surface-raised);
  --ck-color-dialog-form-header-border: var(--border);
  --ck-color-selector-caption-background: var(--surface-sunken);
  --ck-color-selector-caption-text: var(--text);
}

/* Source editing and the editable area do not always read the variables. */
.ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-source-editing-area textarea {
  background: var(--surface);
  color: var(--text);
}
.ck-content code,
.ck-content pre { background: var(--surface-sunken); color: var(--text); }
.ck-content blockquote { border-color: var(--border-strong); }

/* Markdown module: the octicon has no fill, so it paints black. */
a.markdown svg { fill: currentColor; }
a.markdown { color: var(--text-muted); }
a.markdown:hover,
a.markdown:focus-visible { color: var(--primary); }

/* Vertical tabs (revision information, authoring, URL alias, ...). */
.vertical-tabs { background: var(--surface); border-color: var(--border); }
.vertical-tabs__menu { background: transparent; border-color: var(--border); }
.vertical-tabs__menu-item,
.vertical-tabs__menu-item:first-child,
.vertical-tabs__menu-item:last-child { background: transparent; border-color: var(--border); }
.vertical-tabs__menu-item a { color: var(--text-muted); }
.vertical-tabs__menu-item-title { color: var(--text); }
.vertical-tabs__menu-item.is-selected,
.vertical-tabs__menu-item.is-selected a { background: var(--surface-raised); }
.vertical-tabs__menu-item a:hover,
.vertical-tabs__menu-item a:focus-visible { background: var(--surface-sunken); }
.vertical-tabs__menu-item-summary { color: var(--primary); }
.vertical-tabs__pane { background: transparent; border-color: var(--border); }