/*
 * Point d'entrée des styles (chargé après le thème Syncfusion Fluent 2) : jetons, blocs de page, formulaires,
 * coquille, puis les ajouts de Vinoteka.
 */
@import url("css/tokens.css");
@import url("css/components.css");
@import url("css/forms.css");
@import url("css/shell.css");
@import url("css/vinoteka.css");
@import url("css/reconnect-modal.css");

/* Recolore le thème Syncfusion (Fluent 2, bleu d'origine) sur les jetons : ses composants lisent ces variables. */
:root {
    --e-font-name: "Work Sans";
    --color-sf-primary: var(--erp-color-accent);
    --color-sf-primary-text-color: var(--erp-color-accent-contrast);
    --color-sf-primary-light: #e7c3c9;
    --color-sf-primary-lighter: #f7ecee;
    --color-sf-primary-dark: var(--erp-color-accent-hover);
    --color-sf-primary-darker: #3f0e17;
    --color-sf-primary-bg-color-hover: var(--erp-color-accent-hover);
    --color-sf-primary-bg-color-pressed: #3f0e17;
    --color-sf-primary-bg-color-selected: var(--erp-color-accent-hover);
    --color-sf-primary-cell-selection: #f7ecee;
    --color-sf-cell-selection-bg-color: #f7ecee;
    --color-sf-table-bg-color-selected: #f7ecee;
    --color-sf-content-bg-color-dragged: #f7ecee;
    --color-sf-border-dragged: #f7ecee;
    --color-sf-link-button-hover: var(--erp-color-accent-hover);
    --color-sf-link-button-focus: var(--erp-color-accent-hover);
    --color-sf-link-button-pressed: #3f0e17;
    --color-sf-toolbar-icon-color: var(--erp-color-accent);
    --color-sf-content-bg-color: var(--erp-color-background);
    --color-sf-content-text-color: var(--erp-color-text);
    --color-sf-danger: var(--erp-color-danger);
}

.e-btn,
.e-css.e-btn {
    border-radius: var(--erp-radius);
    font-family: var(--erp-font-family);
    font-weight: 500;
}

.e-btn.e-primary,
.e-btn.e-primary:focus {
    background-color: var(--erp-color-accent);
    border-color: var(--erp-color-accent);
    color: var(--erp-color-accent-contrast);
}

.e-btn.e-primary:hover {
    background-color: var(--erp-color-accent-hover);
    border-color: var(--erp-color-accent-hover);
}

.e-btn.e-danger {
    background-color: var(--erp-color-danger);
    border-color: var(--erp-color-danger);
    color: var(--erp-color-accent-contrast);
}

.e-grid {
    font-family: var(--erp-font-family);
}

.e-grid .e-gridheader,
.e-grid .e-headercell {
    background: var(--erp-color-surface-alt);
}

.e-input-group,
.e-input-group.e-control-wrapper {
    border-radius: var(--erp-radius);
}