/* Spoločná vizuálna identita JaspisTrade. Hodnoty môže načítať branding-theme.js. */
:root {
    --brand-primary: #8c151c;
    --brand-secondary: #373737;
    --brand-background: #f7f5f4;
    --brand-text: #202125;
    --brand-border: #ded8d7;
    --brand-soft: #f6ebe9;
}
html, body { background: var(--brand-background); color: var(--brand-text); }
body, h1, h2, h3, label { color: var(--brand-text); }
p, .link, .admin-home { color: var(--brand-secondary); }
.site-header, .admin-header { border-bottom: 1px solid var(--brand-border); background: #fff; }
.brand { display: inline-flex; align-items: center; text-decoration: none; max-width: 100%; }
.brand-logo { display: block; width: clamp(150px, 18vw, 215px); height: auto; max-height: 64px; object-fit: contain; }
.admin-toolbar .brand-logo { width: clamp(145px, 15vw, 185px); max-height: 52px; }
.eyebrow, .link:hover, .admin-home:hover { color: var(--brand-primary); }
.button, button.button, .admin-menu a[aria-current="page"] { background: var(--brand-primary); color: #fff; }
.button:hover:not(:disabled), button.button:hover:not(:disabled) { background: #6f0f16; }
.button.secondary { background: var(--brand-soft); color: var(--brand-primary); }
.notice { background: var(--brand-soft); border-color: #ecd5d1; color: var(--brand-secondary); }
.notice strong, .notice span { color: var(--brand-secondary); }
.panel, .calc-card, .assistant-panel, .branding-panel { border-color: var(--brand-border); }
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible, a:focus-visible {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}
.admin-menu a { color: var(--brand-secondary); }
.admin-menu a:hover, .admin-menu a:focus-visible { background: var(--brand-soft); color: var(--brand-primary); }
.admin-menu a[aria-current="page"] {
    background: var(--brand-primary);
    color: #fff;
}
@media (max-width: 650px) {
    .brand-logo { width: 155px; }
    .admin-toolbar .brand-logo { width: 145px; }
}

.chat-heading, .summary, .chat-panel { border-color: var(--brand-border); }
.chat-panel button, .chat-panel .button { accent-color: var(--brand-primary); }
.chat-panel .button { background: var(--brand-primary); }
.chat-panel .button.secondary { background: var(--brand-soft); color: var(--brand-primary); }
#messages .assistant, .messages .assistant { border-color: var(--brand-border); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--brand-primary); }
a:not(.button):hover { color: var(--brand-primary); }

/* V1.0.2 – jednotné farby a názov asistenta v hlavičke. */
.site-header .brand-assistant-title,
.site-header .brand-assistant-title:link,
.site-header .brand-assistant-title:visited,
.site-header .brand-assistant-title:hover {
    color: var(--brand-text, #202125);
}
.site-header .brand,
.site-header .brand:hover {
    text-decoration: none;
}

/* V1.0.3: bubliny verejného chatu – farby z administrácie Branding. */
.chat-page .messages .bubble.user,
.chat-page #messages .bubble.user {
    background-color: var(--brand-primary, #8c151c);
    color: #fff;
}
.chat-page .messages .bubble.bot,
.chat-page .messages .bubble.assistant,
.chat-page #messages .bubble.bot,
.chat-page #messages .bubble.assistant {
    background-color: var(--brand-soft, #f6ebe9);
    color: var(--brand-text, #202125);
    border-color: var(--brand-border, #ded8d7);
}