/* =========================================================================
   Charte Lideo — profil d'hôte « lideo » (projet.lideo-expertise.fr), cf. classes/HostProfile.php.
   Chargée EN DERNIER par includes/header.php (après extraCss), ainsi que par login.php et
   mfa-verify.php. Elle ne fait que redéfinir les tokens --t-* : les composants les consomment.
   Couleurs reprises de la passerelle IA Lideo (lideo-ia/public/assets/admin.css).
   Contrastes (WCAG) : carmin/blanc 5,2:1 ; carmin sur brume 4,6:1 ; en sombre, carmin
   éclairci #f0457f sur surface 4,9:1 et texte encre sur bouton 5,0:1.
   ========================================================================= */

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url(../fonts/lideo/atkinson-hyperlegible-next.woff2) format('woff2');
    font-weight: 200 800;
    font-display: swap;
}

:root {
    --lideo-encre: #151627;
    --lideo-ardoise: #535967;
    --lideo-carmin: #d60b52;
    --lideo-carmin-fonce: #ad0843;
    --lideo-brume: #eef0f4;
    --lideo-trait: #dcdfe6;

    --t-font: 'Atkinson Hyperlegible Next', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --t-bg: var(--lideo-brume);
    --t-border: var(--lideo-trait);
    --t-text: var(--lideo-encre);
    --t-text-muted: var(--lideo-ardoise);

    --t-accent: var(--lideo-carmin);
    --t-accent-hover: var(--lideo-carmin-fonce);
    --t-accent-contrast: #ffffff;
    --t-accent-soft: #fde7ef;
    --t-accent-2: var(--lideo-carmin-fonce);
    --t-accent-deep: var(--lideo-carmin-fonce);
    --t-accent-bright: var(--lideo-carmin-fonce);
    --t-brand: linear-gradient(135deg, var(--lideo-carmin) 0%, var(--lideo-carmin-fonce) 100%);
    --t-brand-soft: linear-gradient(135deg, rgba(214, 11, 82, .10) 0%, rgba(173, 8, 67, .10) 100%);
}

[data-theme="dark"] {
    --t-text: #e7e9ee;
    --t-text-muted: #9aa1b1;
    --t-border: #2a2f3a;
    --t-bg: #0f1115;

    --t-accent: #f0457f;
    --t-accent-hover: #f45a8c;
    --t-accent-contrast: var(--lideo-encre);
    --t-accent-soft: #3a1424;
    --t-accent-2: #f45a8c;
    --t-accent-deep: var(--lideo-carmin);
    --t-accent-bright: #f45a8c;
    --t-brand: linear-gradient(135deg, #f0457f 0%, var(--lideo-carmin) 100%);
    --t-brand-soft: linear-gradient(135deg, rgba(240, 69, 127, .16) 0%, rgba(214, 11, 82, .16) 100%);
}

/* La police de la charte partout, y compris les champs (style.css en fixe plusieurs) */
body.host-lideo,
body.host-lideo input,
body.host-lideo select,
body.host-lideo textarea,
body.host-lideo button {
    font-family: var(--t-font);
}

/* En-tête : picto Lideo à la place de l'éclair */
.app-logo-img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

/* Chrono masqué sur cet hôte (api/time-tracking.php n'y est pas ouvert) */
body.host-lideo .time-tracking-toggle,
body.host-lideo [data-action="toggle-tt"] {
    display: none;
}

/* ---- Connexion et double authentification (pages sans design-tokens ni thème sombre :
   body.host-lideo sans .app-layout) ---- */
body.host-lideo:not(.app-layout) {
    font-family: var(--t-font);
    background: var(--lideo-brume);
    background-image:
        radial-gradient(1100px 550px at 85% -10%, rgba(214, 11, 82, .10), transparent 60%),
        radial-gradient(900px 500px at -10% 110%, rgba(83, 89, 103, .12), transparent 60%);
    color: var(--lideo-encre);
}
body.host-lideo .login-logo-img {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 14px;
}
body.host-lideo:not(.app-layout) .login-title,
body.host-lideo:not(.app-layout) h1 {
    color: var(--lideo-encre);
}
body.host-lideo:not(.app-layout) .btn-login,
body.host-lideo:not(.app-layout) .btn-primary,
body.host-lideo:not(.app-layout) .btn-big-bio {
    background: var(--lideo-carmin);
    border-color: var(--lideo-carmin);
    color: var(--t-accent-contrast);
}
body.host-lideo:not(.app-layout) .btn-login:hover,
body.host-lideo:not(.app-layout) .btn-primary:hover:not(:disabled) {
    background: var(--lideo-carmin-fonce);
    box-shadow: 0 8px 22px -6px rgba(214, 11, 82, .45);
}
body.host-lideo:not(.app-layout) .form-group input:focus,
body.host-lideo:not(.app-layout) .code-input:focus {
    border-color: var(--lideo-carmin);
    box-shadow: 0 0 0 3px rgba(214, 11, 82, .14);
}
body.host-lideo:not(.app-layout) .btn-link,
body.host-lideo:not(.app-layout) .meta a {
    color: var(--lideo-carmin-fonce);
}
body.host-lideo:not(.app-layout) .info {
    background: #fde7ef;
    border-color: #f2b8cb;
    color: #7a0530;
}
body.host-lideo :focus-visible {
    outline: 3px solid var(--lideo-carmin);
    outline-offset: 2px;
}

/* Sombre : le carmin éclairci porte un texte ENCRE (5,0:1), pas blanc (3,6:1). Ces règles
   codent leur texte en blanc sur un fond d'accent (relevé automatique du 26/10/2026). */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .tab .tab-badge,
[data-theme="dark"] .tab-badge,
[data-theme="dark"] .view-item-header .badge,
[data-theme="dark"] .viewer-header,
[data-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted,
[data-theme="dark"] .kanban-column-count,
[data-theme="dark"] .calendar-day-header.today,
[data-theme="dark"] .calendar-view-toggle.active,
[data-theme="dark"] .ui-btn--brand,
[data-theme="dark"] .page-head__icon,
[data-theme="dark"] #itemModal .modal-tab.active,
[data-theme="dark"] #itemModal .modal-footer .btn-primary,
[data-theme="dark"] .tableau-item.active .tableau-item-icon,
[data-theme="dark"] .inbox-card-new,
[data-theme="dark"] .home-page .btn-recurring-tasks.active,
[data-theme="dark"] #btnFiltersDrawer .filters-drawer-badge,
[data-theme="dark"] .profile-avatar,
[data-theme="dark"] .profile-avatar-lg,
[data-theme="dark"] .home-btn-new,
[data-theme="dark"] .home-btn-new-label {
    color: var(--t-accent-contrast);
}