// Charte vBlog.io pour le skin Elastic (Roundcube)
// Emplacement : skins/elastic/styles/_variables.less
// Source des couleurs : kit Elementor de vblog.io
//   https://vblog.io/wp-content/uploads/elementor/css/post-6.css (.elementor-kit-6)
//   primary #314977 · secondary #000000 · text #7A7A7A · accent #FF7B10 · police Poppins

@vblog-primary:             #314977;   // bleu marine
@vblog-accent:              #FF7B10;   // orange

// --- Couleur principale (boutons, sélection, focus, cases à cocher, quota...) ---
@color-main:                @vblog-primary;
@color-link:                @vblog-primary;
@color-link-hover:          darken(@color-link, 12%);

// --- Menu latéral gauche : fond marine, action "Écrire" en orange ---
@color-taskmenu-background:                 @vblog-primary;
@color-taskmenu-button-selected-background: darken(@vblog-primary, 8%);
@color-taskmenu-button-background-hover:    darken(@vblog-primary, 8%);
@color-taskmenu-button-action:              @vblog-accent;
@color-taskmenu-button-action-hover:        lighten(@vblog-accent, 10%);

// --- Accent orange sur les badges des messages récents ---
@color-list-recent-badge-background: @vblog-accent;
@color-list-badge-background:        @vblog-primary;

// --- Mode sombre : le marine est trop sombre sur fond sombre, on l'éclaircit ---
@color-dark-list-selected:      lighten(@vblog-primary, 40%);
@color-dark-input-border-focus: lighten(@vblog-primary, 30%);
@color-dark-information:        @vblog-primary;
@color-dark-scrollbar-thumb:    lighten(@vblog-primary, 10%);
@color-dark-blockquote-0:       lighten(@vblog-primary, 35%);