/*
 * TaskMonkey Theme-Tokens als reines CSS — fuer Seiten OHNE Encore-Bundle
 * (docs, dashboard, dashboard_embed, error, Chat/app, Pricing/Onboarding).
 *
 * MUSS SYNCHRON MIT src/scss/_theme_tokens.scss BLEIBEN ($tm-palettes,
 * $tm-accent*, Soft-/Ring-Alphas, Shadows). Nur die --tm-* Rollen, keine
 * --bs-*. Aktiv ist, was theme_boot.php am <html> setzt:
 *   data-bs-theme="light|dark". Palette: taskmonkey (einzige).
 */

:root,
[data-bs-theme="light"] {
    color-scheme: light;
    --tm-bg: #F2F4F5;
    --tm-chrome: #E9EDEE;
    --tm-surface: #FFFFFF;
    --tm-surface-2: #E7EBEC;
    --tm-sunken: #F8F9F9;
    --tm-border: #D1D9DC;
    --tm-border-subtle: #E1E6E8;
    --tm-border-strong: #788E97;
    --tm-text: #19272C;
    --tm-text-muted: #3E494D;
    --tm-text-subtle: #4A5659;
    --tm-accent: #ED6A3D;
    --tm-accent-hover: #F28A63;
    --tm-accent-active: #D9582A;
    --tm-accent-text: #A8411B;
    --tm-on-accent: #1A0F0A;
    --tm-accent-soft: rgba(237,106,61, 0.12);
    --tm-accent-ring: rgba(237,106,61, .45);
    --tm-success: #16703F;
    --tm-warning: #8A5A00;
    --tm-danger: #C0294A;
    --tm-info: #1D5FB3;
    --tm-success-soft: rgba(22,112,63, .12);
    --tm-warning-soft: rgba(138,90,0, .14);
    --tm-danger-soft: rgba(192,41,74, .10);
    --tm-info-soft: rgba(29,95,179, .10);
    --tm-bubble-user: #F5ECE8;
    --tm-bubble-bot: #FFFFFF;
    --tm-shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
    --tm-shadow-md: 0 8px 24px rgba(16,24,40,.12);
    --tm-font-smoothing: auto;
    --tm-font-smoothing-moz: auto;
    --tm-weight-body: 500;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --tm-bg: #0A0E10;
    --tm-chrome: #06090A;
    --tm-surface: #101518;
    --tm-surface-2: #151C21;
    --tm-sunken: #050708;
    --tm-border: #202B32;
    --tm-border-subtle: #171F24;
    --tm-border-strong: #547183;
    --tm-text: #ECEDEE;
    --tm-text-muted: #A2AAAF;
    --tm-text-subtle: #949EA3;
    --tm-accent: #ED6A3D;
    --tm-accent-hover: #F28A63;
    --tm-accent-active: #D9582A;
    --tm-accent-text: #F59A78;
    --tm-on-accent: #1A0F0A;
    --tm-accent-soft: rgba(237,106,61, 0.2);
    --tm-accent-ring: rgba(237,106,61, .45);
    --tm-success: #3ECF8E;
    --tm-warning: #F5B83D;
    --tm-danger: #FF7A90;
    --tm-info: #6CB4FF;
    --tm-success-soft: rgba(62,207,142, .16);
    --tm-warning-soft: rgba(245,184,61, .16);
    --tm-danger-soft: rgba(255,122,144, .16);
    --tm-info-soft: rgba(108,180,255, .16);
    --tm-bubble-user: #1B242A;
    --tm-bubble-bot: #101518;
    --tm-shadow-sm: 0 1px 2px rgba(0,0,0,.5);
    --tm-shadow-md: 0 8px 24px rgba(0,0,0,.55);
    --tm-font-smoothing: antialiased;
    --tm-font-smoothing-moz: grayscale;
    --tm-weight-body: 400;
}

/* Logo je Modus (element/logo.php) — Spiegel von _tm_ui.scss */
.tm-brand-logo{display:inline-flex;align-items:center}
.tm-brand-logo img{height:var(--tm-logo-h,28px);width:auto}
.tm-brand-logo-dark{display:none}
[data-bs-theme="dark"] .tm-brand-logo-dark{display:block}
[data-bs-theme="dark"] .tm-brand-logo-light{display:none}