/* The Prompts tab's editor (#1153) in Govably's design tokens.
 *
 * The editor (assets/vendor/layered-settings/browser/settings-editor.css) and its prompt plug-in
 * (assets/vendor/ai-prompts/browser/prompt-editor.css) colour themselves only through --ls-*
 * variables set on .ls-root. This sets them to --gv-* tokens. It's linked after both vendor
 * stylesheets in app.html, so it wins by load order, and it reaches every .ls-root: the editor,
 * its built-in dialog, and the confirm body the tab wraps for GV.modal.
 *
 * The accent is brand-900, the colour of the house's filled call-to-action (gv-btn--cta): the
 * editor fills its primary buttons and its active level.
 */
.ls-root {
    --ls-font: var(--gv-font-ui);
    --ls-font-size: var(--gv-text-base);
    --ls-mono: var(--gv-font-mono);
    --ls-text: var(--gv-text);
    --ls-muted: var(--gv-text-muted);
    --ls-bg: var(--gv-surface);
    --ls-surface: var(--gv-surface-sunk);
    --ls-border: var(--gv-border);
    --ls-border-strong: var(--gv-border-strong);
    --ls-accent: var(--gv-brand-900);
    --ls-accent-text: var(--gv-text-invert);
    --ls-accent-soft: var(--gv-brand-bg);
    --ls-warn: var(--gv-warning-fg);
    --ls-warn-soft: var(--gv-warning-bg);
    --ls-danger: var(--gv-danger-fg);
    --ls-danger-soft: var(--gv-danger-bg);
    --ls-add-bg: var(--gv-success-bg);
    --ls-add-text: var(--gv-success-fg);
    --ls-del-bg: var(--gv-danger-bg);
    --ls-del-text: var(--gv-danger-fg);
    --ls-focus: var(--gv-focus-color);
    --ls-radius: var(--gv-radius-md);
    --ls-radius-sm: var(--gv-radius-sm);
    --ls-gap: var(--gv-space-3);
}