/* Generated from embed/src/theme/theme.css by backend/tools/sync-theme.py. Do not edit. */
/* bakule-chatbot design tokens (SPEC §6.5), the light set.
 *
 * With theme-dark.css, the one source of colour, radius and shadow for the
 * embed's shadow roots and the admin pages: the embed imports these files
 * (Vite `?inline`), the backend serves a copy synced by
 * backend/tools/sync-theme.py, and a test fails if the two drift apart.
 *
 * Taken from the site's assets/css/style.css: accent --accent-primary,
 * accent-hover --accent-secondary, ink --text-color, ink-soft --accent-ui,
 * ink-faint --text-light, surface-sunk --base-color, and Inter with the
 * site's fallback. The long prefix keeps them apart from the host page's own
 * variables. The selector pair is the one the core needs for its marks.
 */

:root,
:host {
    --bakule-chat-paper: #f7f5f2;
    --bakule-chat-surface: #ffffff;
    --bakule-chat-surface-sunk: #f7f5f2;
    --bakule-chat-ink: #2b2a29;
    --bakule-chat-ink-soft: #4a4f54;
    --bakule-chat-ink-faint: #666666;
    --bakule-chat-rule: #e6e2dc;
    --bakule-chat-rule-strong: #cfc9c0;

    --bakule-chat-accent: #4a69e0;
    --bakule-chat-accent-hover: #6e89f8;
    --bakule-chat-accent-wash: #e8e6f8;
    --bakule-chat-accent-contrast: #ffffff;

    --bakule-chat-review: #9a5b05;
    --bakule-chat-review-wash: #fcf0d4;
    --bakule-chat-answered: #2f7a5f;
    --bakule-chat-answered-wash: #d5eae3;
    --bakule-chat-danger: #b3283c;
    --bakule-chat-danger-wash: #fae3e6;

    --bakule-chat-mark: #fcf0d4;
    --bakule-chat-mark-strong: #f8d98f;
    --bakule-chat-mark-ink: #2b2a29;

    --bakule-chat-radius-small: 6px;
    --bakule-chat-radius: 10px;
    --bakule-chat-radius-large: 16px;

    --bakule-chat-shadow-raise: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.05);
    --bakule-chat-shadow-pop: 0 2px 4px rgba(0, 0, 0, 0.08), 0 18px 40px -18px rgba(0, 0, 0, 0.35);
    --bakule-chat-shadow-side:
        -2px 0 6px rgba(0, 0, 0, 0.08), -16px 0 40px -14px rgba(0, 0, 0, 0.34);
    --bakule-chat-backdrop: rgba(20, 20, 19, 0.45);

    --bakule-chat-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bakule-chat-font-monospace: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}