/* Berlin Spandau - Version "Force Mode" pour Zettlr */

/* --- CONFIGURATION GÉNÉRALE --- */
:root {
  --m2o-background-editor: #212121;
  --m2o-invisibles-color: #313131;
  --m2o-md-mark-color: #ffffff;
  --m2o-alt-background: #1d1d1d;
  --m2o-editor-font: "JetBrainsMono NFP";
  --m2o-code: #888888;
  --system-accent-color: #64b5f6; /* Couleur d'accent par défaut */
}

/* --- MODE CLAIR (Light) --- */
/* Ces règles s'appliquent par défaut si Zettlr ne détecte pas le dark mode */
.cm-editor {
  color: #000000 !important; /* Force noir pour le texte normal */
}

.cm-header-1 { color: #100812 !important; margin-bottom: 1.5rem !important; }
.cm-header-2 { color: #301934 !important; margin-bottom: 1.5rem !important; }
.cm-header-3 { color: #502A56 !important; margin-bottom: 1.5rem !important; }
.cm-header-4 { color: #703A79 !important; margin-bottom: 1.5rem !important; }
.cm-header-5 { color: #8F4B9B !important; margin-bottom: 1.5rem !important; }
.cm-header-6 { color: #8F4B9B !important; margin-bottom: 1.5rem !important; }

.cm-quote { color: #000000 !important; } /* Orange doux */
.cm-strong { color: #800000 !important; } /* Maroon */
.cm-emphasis { color: #009000 !important; } /* Rose doux */

/* --- MODE SOMBRE (Dark) --- */
/* Zettlr utilise souvent la classe 'dark' sur le body ou le wrapper */
body.dark .cm-editor,
.cm-editor.dark {
  color: #ffffff !important; /* Force blanc pour le texte normal */
}

/* Headers en mode sombre (Couleurs Vives / Néon) */
body.dark .cm-header-1,
.cm-editor.dark .cm-header-1 {
  color: #d4bfff !important; /* Blanc pur */
  margin-bottom: 1.5rem !important;
}

body.dark .cm-header-2,
.cm-editor.dark .cm-header-2 {
  color: #b080ff !important; /* Violet clair */
  margin-bottom: 1.5rem !important;
}

body.dark .cm-header-3,
.cm-editor.dark .cm-header-3 {
  color: #9955ff !important; /* Violet électrique */
  margin-bottom: 1.5rem !important;
}

body.dark .cm-header-4,
.cm-editor.dark .cm-header-4 {
  color: #cc7aff !important; /* Violet vif */
  margin-bottom: 1.5rem !important;
}

body.dark .cm-header-5,
.cm-editor.dark .cm-header-5 {
  color: #f0a0ff !important; /* Magenta vif */
  margin-bottom: 1.5rem !important;
}

body.dark .cm-header-6,
.cm-editor.dark .cm-header-6 {
  color: #f0a0ff !important; /* Rose fuchsia */
  margin-bottom: 1.5rem !important;
}

/* Texte formaté en mode sombre */
body.dark .cm-quote,
.cm-editor.dark .cm-quote {
  color: #ffaa00 !important; /* Orange électrique */
}

body.dark .cm-strong,
.cm-editor.dark .cm-strong {
  color: #C80815 !important; /* Cyan pur */
}

body.dark .cm-emphasis,
.cm-editor.dark .cm-emphasis {
  color: #ff00ff !important; /* Magenta pur */
}

/* --- AUTRES STYLES --- */
.main-editor-wrapper {
  background-color: var(--m2o-background-editor) !important;
  font-family: var(--m2o-editor-font) !important;
}

.cm-content {
  font-family: var(--m2o-editor-font) !important;
}

.cm-code, .cm-comment {
  color: var(--m2o-code) !important;
  background-color: var(--m2o-alt-background) !important;
}

.cm-hr, .cm-code-mark {
  color: var(--m2o-md-mark-color) !important;
}

.cm-cursor {
  background-color: var(--system-accent-color) !important;
}

.cm-selectionBackground {
  background-color: var(--system-accent-color) !important;
}

::selection {
  color: var(--system-accent-color-contrast) !important;
}

.cm-scroller {
  padding-right: 4em !important;
  padding-left: 1em !important;
}