/* Temi della webchat: Aurora e Salvia di giorno, Notte di sera (accento abbinato al tema madre).
   Tutti i colori stanno qui; il resto dei fogli di stile usa solo le variabili --wc-*. */
@import url('/vendor/fonts/plus-jakarta-sans/index.css');
@import url('/vendor/fonts/nunito/index.css');
@import url('/vendor/fonts/manrope/index.css');

:root, [data-theme="aurora"] {
  --wc-font: 'Plus Jakarta Sans Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wc-bg: #EEF1F8;
  --wc-surface: #FFFFFF;
  --wc-surface-2: #F3F5FA;
  --wc-chat-bg: #FFFFFF;
  --wc-text: #1B1F2A;
  --wc-muted: #5B6478;
  --wc-border: #E3E7F0;
  --wc-accent: #4B55D6;
  --wc-accent-rgb: 75, 85, 214;
  --wc-accent-hover: #3E47C2;
  --wc-accent-contrast: #FFFFFF;
  --wc-accent-soft: #E8EAFD;
  --wc-accent-text: #3B44C0;
  --wc-bubble-in: #F1F3F9;
  --wc-bubble-in-text: #1B1F2A;
  --wc-bubble-out: #4B55D6;
  --wc-bubble-out-text: #FFFFFF;
  --wc-bubble-out-muted: rgba(255, 255, 255, 0.82);
  --wc-quote-out: rgba(255, 255, 255, 0.18);
  --wc-online: #1E9E6A;
  --wc-danger: #D93A3F;
  --wc-shadow: 0 1px 2px rgba(27, 31, 42, 0.05), 0 8px 24px rgba(27, 31, 42, 0.06);
  --wc-radius: 22px;
  --wc-radius-sm: 14px;
}

[data-theme="salvia"] {
  --wc-font: 'Nunito Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wc-bg: #E4ECE6;
  --wc-surface: #FFFFFF;
  --wc-surface-2: #EEF3EF;
  --wc-chat-bg: #F6F8F5;
  --wc-text: #18251F;
  --wc-muted: #4C5C54;
  --wc-border: #DCE5DE;
  --wc-accent: #1F6F54;
  --wc-accent-rgb: 31, 111, 84;
  --wc-accent-hover: #185A44;
  --wc-accent-contrast: #FFFFFF;
  --wc-accent-soft: #DCEDE3;
  --wc-accent-text: #1A5F48;
  --wc-bubble-in: #FFFFFF;
  --wc-bubble-in-text: #18251F;
  --wc-bubble-out: #D3EBDD;
  --wc-bubble-out-text: #18251F;
  --wc-bubble-out-muted: #4C5C54;
  --wc-quote-out: rgba(255, 255, 255, 0.65);
  --wc-online: #2FA36B;
  --wc-danger: #C9372C;
  --wc-shadow: 0 1px 2px rgba(24, 37, 31, 0.05), 0 8px 24px rgba(24, 37, 31, 0.06);
  --wc-radius: 26px;
  --wc-radius-sm: 16px;
}

[data-theme="notte"] {
  --wc-font: 'Manrope Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wc-bg: #0E1016;
  --wc-surface: #14171F;
  --wc-surface-2: #1A1E29;
  --wc-chat-bg: #10131A;
  --wc-text: #E8EAF2;
  --wc-muted: #9AA1B5;
  --wc-border: #252A39;
  --wc-bubble-in: #1A1E29;
  --wc-bubble-in-text: #E8EAF2;
  --wc-bubble-out-text: #FFFFFF;
  --wc-bubble-out-muted: rgba(255, 255, 255, 0.8);
  --wc-quote-out: rgba(0, 0, 0, 0.2);
  --wc-online: #3BC98A;
  --wc-danger: #F0646A;
  --wc-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
  --wc-radius: 20px;
  --wc-radius-sm: 13px;
  /* accento viola (quello originale di Notte) */
  --wc-accent: #6D5CE8;
  --wc-accent-rgb: 109, 92, 232;
  --wc-accent-hover: #7E6FF0;
  --wc-accent-contrast: #FFFFFF;
  --wc-accent-soft: #2A2550;
  --wc-accent-text: #B9AFFF;
  --wc-bubble-out: #6D5CE8;
}
[data-theme="notte"][data-accent="indaco"] {
  --wc-accent: #5560E6;
  --wc-accent-rgb: 85, 96, 230;
  --wc-accent-hover: #6871EE;
  --wc-accent-soft: #22264F;
  --wc-accent-text: #AEB4FF;
  --wc-bubble-out: #5560E6;
}
[data-theme="notte"][data-accent="verde"] {
  --wc-accent: #1D7F5E;
  --wc-accent-rgb: 29, 127, 94;
  --wc-accent-hover: #24946E;
  --wc-accent-soft: #173A2E;
  --wc-accent-text: #79D9AE;
  --wc-bubble-out: #1D7F5E;
}

/* ---------- Bootstrap legge i colori del tema ---------- */
[data-theme] {
  --bs-body-font-family: var(--wc-font);
  --bs-body-bg: var(--wc-surface);
  --bs-body-color: var(--wc-text);
  --bs-emphasis-color: var(--wc-text);
  --bs-secondary-color: var(--wc-muted);
  --bs-tertiary-color: var(--wc-muted);
  --bs-secondary-bg: var(--wc-surface-2);
  --bs-tertiary-bg: var(--wc-bg);
  --bs-border-color: var(--wc-border);
  --bs-border-color-translucent: var(--wc-border);
  --bs-primary: var(--wc-accent);
  --bs-primary-rgb: var(--wc-accent-rgb);
  --bs-primary-bg-subtle: var(--wc-accent-soft);
  --bs-primary-border-subtle: var(--wc-accent-soft);
  --bs-primary-text-emphasis: var(--wc-accent-text);
  --bs-link-color: var(--wc-accent-text);
  --bs-link-hover-color: var(--wc-accent);
  --bs-link-color-rgb: var(--wc-accent-rgb);
  --bs-link-hover-color-rgb: var(--wc-accent-rgb);
  --bs-focus-ring-color: rgba(var(--wc-accent-rgb), 0.3);
  --bs-border-radius: 0.75rem;
  --bs-border-radius-sm: 0.5rem;
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-xl: 1.25rem;
  --bs-border-radius-pill: 50rem;
}
body { font-family: var(--wc-font); background: var(--wc-bg); color: var(--wc-text); -webkit-font-smoothing: antialiased; }
[data-theme] .btn-primary {
  --bs-btn-bg: var(--wc-accent); --bs-btn-border-color: var(--wc-accent); --bs-btn-color: var(--wc-accent-contrast);
  --bs-btn-hover-bg: var(--wc-accent-hover); --bs-btn-hover-border-color: var(--wc-accent-hover); --bs-btn-hover-color: var(--wc-accent-contrast);
  --bs-btn-active-bg: var(--wc-accent-hover); --bs-btn-active-border-color: var(--wc-accent-hover); --bs-btn-active-color: var(--wc-accent-contrast);
  --bs-btn-disabled-bg: var(--wc-accent); --bs-btn-disabled-border-color: var(--wc-accent); --bs-btn-disabled-color: var(--wc-accent-contrast);
  --bs-btn-focus-shadow-rgb: var(--wc-accent-rgb);
}
[data-theme] .btn-outline-primary {
  --bs-btn-color: var(--wc-accent-text); --bs-btn-border-color: var(--wc-accent);
  --bs-btn-hover-bg: var(--wc-accent); --bs-btn-hover-border-color: var(--wc-accent); --bs-btn-hover-color: var(--wc-accent-contrast);
  --bs-btn-active-bg: var(--wc-accent); --bs-btn-active-border-color: var(--wc-accent); --bs-btn-active-color: var(--wc-accent-contrast);
}
[data-theme] .btn-outline-secondary {
  --bs-btn-color: var(--wc-text); --bs-btn-border-color: var(--wc-border);
  --bs-btn-hover-bg: var(--wc-surface-2); --bs-btn-hover-border-color: var(--wc-border); --bs-btn-hover-color: var(--wc-text);
  --bs-btn-active-bg: var(--wc-surface-2); --bs-btn-active-border-color: var(--wc-border); --bs-btn-active-color: var(--wc-text);
}
[data-theme] .btn { border-radius: var(--wc-radius-sm); font-weight: 600; }
[data-theme] .btn-sm { border-radius: 10px; }
[data-theme] .form-control, [data-theme] .form-select { border-radius: var(--wc-radius-sm); background-color: var(--wc-surface-2); border-color: var(--wc-border); color: var(--wc-text); }
[data-theme] .form-control:focus, [data-theme] .form-select:focus { border-color: var(--wc-accent); box-shadow: 0 0 0 0.2rem rgba(var(--wc-accent-rgb), 0.22); background-color: var(--wc-surface); }
[data-theme] .form-control::placeholder { color: var(--wc-muted); }
[data-theme] .form-check-input:checked { background-color: var(--wc-accent); border-color: var(--wc-accent); }
[data-theme] .form-check-input:focus { border-color: var(--wc-accent); box-shadow: 0 0 0 0.2rem rgba(var(--wc-accent-rgb), 0.22); }
[data-theme] .card { --bs-card-bg: var(--wc-surface); --bs-card-border-color: var(--wc-border); border-radius: var(--wc-radius); box-shadow: var(--wc-shadow); border: 0; }
[data-theme] .modal { --bs-modal-bg: var(--wc-surface); --bs-modal-border-radius: var(--wc-radius); --bs-modal-border-color: transparent; }
[data-theme] .dropdown-menu { --bs-dropdown-bg: var(--wc-surface); --bs-dropdown-border-color: var(--wc-border); --bs-dropdown-link-color: var(--wc-text); --bs-dropdown-link-hover-bg: var(--wc-surface-2); --bs-dropdown-link-hover-color: var(--wc-text); --bs-dropdown-link-active-bg: var(--wc-accent); --bs-dropdown-border-radius: var(--wc-radius-sm); box-shadow: var(--wc-shadow); padding: 0.4rem; }
[data-theme] .dropdown-item { border-radius: 10px; }
[data-theme] .list-group { --bs-list-group-bg: transparent; --bs-list-group-color: var(--wc-text); --bs-list-group-border-color: var(--wc-border); --bs-list-group-action-hover-bg: var(--wc-surface-2); --bs-list-group-action-hover-color: var(--wc-text); --bs-list-group-action-active-bg: var(--wc-surface-2); --bs-list-group-active-bg: var(--wc-accent); --bs-list-group-active-border-color: var(--wc-accent); }
[data-theme] .progress { --bs-progress-bar-bg: var(--wc-accent); --bs-progress-bg: var(--wc-surface-2); }
[data-theme] .table { --bs-table-bg: transparent; --bs-table-color: var(--wc-text); --bs-table-border-color: var(--wc-border); --bs-table-hover-bg: var(--wc-surface-2); --bs-table-hover-color: var(--wc-text); }
[data-theme] .offcanvas, [data-theme] .offcanvas-lg { --bs-offcanvas-bg: var(--wc-surface); --bs-offcanvas-color: var(--wc-text); }
[data-theme] .toast { border-radius: var(--wc-radius-sm); box-shadow: var(--wc-shadow); }
[data-theme] .text-bg-primary { background-color: var(--wc-accent) !important; color: var(--wc-accent-contrast) !important; }
[data-theme] .alert { border-radius: var(--wc-radius-sm); }
[data-theme] .navbar { --bs-navbar-color: var(--wc-text); }
.wc-icon { width: 1.15em; height: 1.15em; flex: 0 0 auto; vertical-align: -0.18em; }