/* Community Suite bridges use the same public Template Studio palette.
   Keep the compatibility aliases here; homepage design lives in pages.css. */
:root {
    --ts-link: var(--ec-accent);
    --ts-link-hover: var(--ec-accent);
    --ts-link-rgb: 41, 61, 235;
    --ts-control: var(--color-rule-2);
    --ts-focus: var(--ec-accent);
    --ts-focus-width: 2px;
    --ts-signal: var(--ec-accent);
    --ts-tint: var(--ec-accent-soft);
    --ts-on-tint: var(--ec-fg);
    --ts-success: var(--color-success);
    --ts-success-bg: var(--color-success-soft);
    --ts-danger: var(--color-error);
    --ts-danger-bg: var(--color-error-soft);
    --ts-warning: var(--color-warning);
    --ts-warning-bg: var(--color-warning-soft);
    --ts-info: var(--ec-accent);
    --ts-info-bg: var(--ec-accent-soft);
    --ts-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
    --ts-scrim: var(--color-scrim);
    --ts-overlay-shadow: 0 16px 50px #20221f26;
    --ts-sticky-offset: 0px;
    --ts-control-height: 44px;
    --ts-control-height-sm: 36px;
    --ts-btn-font: var(--ec-font-body);
    --ts-btn-pad-x: 1.25rem;
    --ts-btn-primary-bg: var(--ec-accent);
    --ts-btn-primary-fg: var(--ec-accent-fg);
    --ts-tab-indicator: var(--ec-accent);
    --ts-tab-indicator-width: 2px;
    --template-bg: var(--ec-bg);
    --template-bg-elev: var(--ec-surface);
    --template-bg-subtle: var(--ec-surface);
    --template-bg-inset: var(--ec-surface-2);
    --template-border-color: var(--ec-border);
    --template-border-strong-color: var(--ts-control);
    --template-text-color: var(--ec-fg);
    --template-muted-color: var(--ec-fg-2);
    --template-subtle-color: var(--ec-fg-2);
    --template-link-color: var(--ts-link);
    --template-link-hover-color: var(--ts-link-hover);
    --template-accent-soft: var(--ts-tint);
    --template-success-color: var(--ts-success);
    --template-success-bg: var(--ts-success-bg);
    --template-warning-color: var(--ts-warning);
    --template-warning-bg: var(--ts-warning-bg);
    --template-danger-color: var(--ts-danger);
    --template-danger-bg: var(--ts-danger-bg);
    --template-heading-font: var(--ec-font-display);
    --template-font-family: var(--ec-font-body);
    --template-mono-font: var(--ts-font-mono);
}

/* Component applications have their own navigation and sticky toolbars. */
.kf-suite-app .ts-header { position: relative; }
.kf-suite-app .ts-main { min-inline-size: 0; }
.kf-suite-app .ts-pos-main { min-inline-size: 0; }
.kf-suite-app .ts-row[data-ts-row="content"] { padding-block: clamp(1.5rem, 4vw, 3rem); }

/* QuillThreads uses this on its Bootstrap-free module layout. */
.kf-template .qt-latest-list { margin: 0; padding: 0; list-style: none; }
.kf-template .qt-latest-item { padding-block: 1rem; border-block-end: 1px solid var(--ec-border); }
.kf-template .qt-latest-meta { display: block; margin-block-start: .4rem; color: var(--ec-fg-2); font-size: .85rem; }
.kf-template .qt-latest-body,
.kf-template .qt-latest-title { color: var(--ec-fg); text-decoration: none; }
.kf-template .qt-latest-body:hover,
.kf-template .qt-latest-title:hover { color: var(--ec-accent); }