/**
 * Administration Django - Personnalisation couleurs Eurekanet
 * Applique uniquement les couleurs du design system sans modifier la structure
 */

/* Variables CSS du design system Eurekanet */
:root {
    --eurekanet-primary: #e8a548; /* Jaune ocre principal */
    --eurekanet-secondary: #513936; /* Marron foncé */
    --eurekanet-accent: #d7d6d8; /* Gris clair */
    --eurekanet-white: #ffffff;
    --eurekanet-black: #000000;
}

/* ==============================================
   SURCHARGE DES COULEURS DJANGO PAR DÉFAUT
============================================== */

/* Variables Django Admin - surcharge avec nos couleurs */
html[data-theme='light'],
:root {
    --primary: var(--eurekanet-primary) !important;
    --secondary: var(--eurekanet-secondary) !important;
    --accent: var(--eurekanet-accent) !important;
    --primary-fg: var(--eurekanet-white) !important;

    --body-fg: #333 !important;
    --body-bg: var(--eurekanet-white) !important;
    --body-quiet-color: #666 !important;
    --body-loud-color: var(--eurekanet-black) !important;

    --header-color: var(--eurekanet-white) !important;
    --header-branding-color: var(--eurekanet-white) !important;
    --header-bg: var(--eurekanet-secondary) !important;
    --header-link-color: var(--eurekanet-white) !important;

    --breadcrumbs-fg: #c4dce8 !important;
    --breadcrumbs-link-fg: var(--eurekanet-white) !important;
    --breadcrumbs-bg: var(--eurekanet-primary) !important;

    --link-fg: var(--eurekanet-secondary) !important;
    --link-hover-color: var(--eurekanet-primary) !important;
    --link-selected-fg: var(--eurekanet-primary) !important;

    --hairline-color: var(--eurekanet-accent) !important;
    --border-color: #ccc !important;

    --error-fg: #ba2121 !important;
    --message-success-bg: #dfd !important;
    --message-warning-bg: #ffc !important;
    --message-error-bg: #ffefef !important;

    --darkened-bg: var(--eurekanet-accent) !important;
    --selected-bg: #e4e4e4 !important;
    --selected-row: #ffc !important;

    --button-fg: var(--eurekanet-white) !important;
    --button-bg: var(--eurekanet-secondary) !important;
    --button-hover-bg: var(--eurekanet-primary) !important;
    --default-button-bg: var(--eurekanet-primary) !important;
    --default-button-hover-bg: var(--eurekanet-secondary) !important;
    --close-button-bg: #888 !important;
    --close-button-hover-bg: #747474 !important;
    --delete-button-bg: #ba2121 !important;
    --delete-button-hover-bg: #a41515 !important;

    --object-tools-fg: var(--eurekanet-secondary) !important;
    --object-tools-bg: var(--eurekanet-accent) !important;
    --object-tools-hover-bg: var(--eurekanet-primary) !important;
    --object-tools-focus-bg: var(--eurekanet-primary) !important;
    --object-tools-focus-fg: var(--eurekanet-white) !important;
}

/* ==============================================
   AJUSTEMENTS SPÉCIFIQUES
============================================== */

/* Header avec gradient */
#header {
    background: linear-gradient(135deg, var(--eurekanet-secondary), var(--eurekanet-primary)) !important;
}

/* Branding avec emoji */
#branding h1::before {
    content: '🏠 ';
}

/* Navigation */
.module h2,
.module caption,
.inline-group h2 {
    background: var(--eurekanet-primary) !important;
    color: var(--eurekanet-white) !important;
}

/* Boutons */
.button,
input[type='submit'],
input[type='button'],
.submit-row input,
a.button {
    background: var(--eurekanet-secondary) !important;
    color: var(--eurekanet-white) !important;
    border-color: var(--eurekanet-secondary) !important;
}

.button:hover,
input[type='submit']:hover,
input[type='button']:hover,
.submit-row input:hover,
a.button:hover {
    background: var(--eurekanet-primary) !important;
    border-color: var(--eurekanet-primary) !important;
}

/* Bouton par défaut (Save) */
.default,
input[type='submit'].default {
    background: var(--eurekanet-primary) !important;
    border-color: var(--eurekanet-primary) !important;
}

.default:hover,
input[type='submit'].default:hover {
    background: var(--eurekanet-secondary) !important;
}

/* Liens */
a:link,
a:visited {
    color: var(--eurekanet-secondary) !important;
}

a:hover {
    color: var(--eurekanet-primary) !important;
}

/* Messages */
.messagelist .success {
    background-color: #dfd !important;
    border-color: #7ed321 !important;
}

.messagelist .warning {
    background-color: #ffc !important;
    border-color: #f5a623 !important;
}

.messagelist .error {
    background-color: #ffefef !important;
    border-color: #d0021b !important;
}

/* Pagination */
.paginator a:link,
.paginator a:visited {
    background: var(--eurekanet-accent) !important;
    color: var(--eurekanet-secondary) !important;
}

.paginator a:hover {
    background: var(--eurekanet-primary) !important;
    color: var(--eurekanet-white) !important;
}

/* Tableaux */
th {
    background: var(--eurekanet-accent) !important;
    color: var(--eurekanet-secondary) !important;
}

.row1 {
    background: var(--eurekanet-white) !important;
}

.row2 {
    background: #f8f8f8 !important;
}

/* Actions */
tr.selected {
    background-color: #fffbdd !important;
}

/* Formulaires */
.form-row .required label,
label.required {
    color: var(--eurekanet-secondary) !important;
}

/* Sidebar modules */
#content-related .module h2 {
    background: var(--eurekanet-secondary) !important;
    color: var(--eurekanet-white) !important;
}

/* Object tools */
.object-tools a:link,
.object-tools a:visited {
    background: var(--eurekanet-primary) !important;
    color: var(--eurekanet-white) !important;
}

.object-tools a:hover,
.object-tools a:focus {
    background: var(--eurekanet-secondary) !important;
}