/* EllioDB 3.0 — Design tokens communs (dark theme industriel) */

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../../../assets/fonts/inter/inter-v20-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../../../assets/fonts/inter/inter-v20-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../../../assets/fonts/inter/inter-v20-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../../../assets/fonts/inter/inter-v20-latin_latin-ext-700.woff2') format('woff2');
}

/* Selects natifs — rendu dark (évite bleu foncé sur fond sombre) */
select {
    color-scheme: dark;
}
select option {
    background-color: #1e2a38;
    color: #e2e8f0;
}

:root {
    /* Couleurs de fond */
    --bg-main:        #111827;
    --bg-panel:       #1e2a38;
    --bg-card:        #253447;
    --bg-input:       #1a2535;
    --bg-hover:       #2e4060;

    /* Bordures */
    --border:         #2d4060;
    --border-light:   #3d5472;

    /* Accent / actions */
    --accent:         #3b82f6;
    --accent-hover:   #2563eb;
    --accent-dim:     rgba(59,130,246,0.15);

    /* États */
    --success:        #22c55e;
    --success-dim:    rgba(34,197,94,0.12);
    --warning:        #f59e0b;
    --warning-dim:    rgba(245,158,11,0.15);
    --danger:         #ef4444;
    --danger-dim:     rgba(239,68,68,0.15);

    /* Texte */
    --text-main:      #e2e8f0;
    --text-muted:     #64748b;
    --text-dim:       #475569;

    /* Courbes — palette 10 variables */
    --color-v0:  #3b82f6;   /* bleu */
    --color-v1:  #f59e0b;   /* ambre */
    --color-v2:  #22c55e;   /* vert */
    --color-v3:  #e2e8f0;   /* blanc cassé */
    --color-v4:  #ef4444;   /* rouge */
    --color-v5:  #a855f7;   /* violet */
    --color-v6:  #f97316;   /* orange */
    --color-v7:  #6366f1;   /* indigo */
    --color-v8:  #94a3b8;   /* gris */
    --color-v9:  #10b981;   /* émeraude */

    /* Géométrie */
    --radius-sm:  4px;
    --radius:     8px;
    --radius-lg:  12px;

    /* Ombres */
    --shadow:     0 4px 16px rgba(0,0,0,0.4);
    --shadow-sm:  0 2px 6px rgba(0,0,0,0.25);

    /* Transitions */
    --transition: 0.15s ease;

    /* Sidebar / chart layout */
    --sidebar-width: 240px;
    --header-height:  48px;
    --timebar-height: 56px;
}