/* СВОИ БОИ */
html {
  --content-color: #211f26;
  --body-color: #f0f0fa;
  --text-color: #1f2937;
  --title-color: #0f172a;      /* slate-900 */
  --subtitle-color: #475569;   /* slate-600 */
  --scrollbar-main-color: #4d80f7;
  --scrollbar-back-color: #d0d0db;
  --modules-list: #1f2937;
  --modules-list-bg: #d0d0db;
  --modules-list-hover: #e9ebf7;
  --modules-list-hover-bg: #4d80f7;
  --modules-list-bookmarked: #0f172a;
  --modules-list-bookmarked-bg: #f7a2fa;
  --modules-list-completed: #0f172a;
  --modules-list-completed-bg: #43e65e;
  --note-1-bg: #e6eefc;
  --note-1-border: #4287f5;
  --note-2-bg: #ffead9;   /* светла портокалова */
  --note-2-border: #fb923c;
  --note-3-bg: #ccffe7;   /* светло зелена */
  --note-3-border: #22c55e;
  --note-4-bg: #f2cdfa;   /* светло зелена */
  --note-4-border: #ce5ae8;
  --note-5-bg: #fcbdbd;
  --note-5-border: #f73939;
  --flashcard-front-bg: #ecf097;
  --flashcard-back-bg: #b7d0f7;
  --flashcard-border: #4687a6;
  --flashcard-text: #1f2937;
  --lecture-title: #1f2937;
  --lecture-title-bg: #b3dbff;
  --lecture-title-bg-hover: #8cc8ff; 
  --lecture-title-hover: #1f2937;
  --quote-bg: #ede4ec;
  --quote-border: #fa5fe0;
  --quote-text: #1f2937;
  --collapsible-title-bg:  #bae0e0; 
  --collapsible-title-bg-hover:  #aed1d1; 
  --collapsible-title-bg-active: #d0f0d0;
  --collapsible-content-bg: #e6f7e6;
  --collapsible-content-border: #a0d6a0;
  --collapsible-content-text: #1f2937; 
  --bonus-text: #1f2937;
  --bonus-bg: #fcf0f0;
  --bonus-border: #fc3030; 
  --bonus-input-text: #1f2937;
  --bonus-input-bg: #fcf2fb;
  --bonus-button-text: #fcf2fb;
  --bonus-button-bg: #fc3030;
  --bonus-button-bg-hover: #d62727;
  --bonus-content-bg: #f5e4e4;
  --bonus-content-border: #fc3030;
  --bonus-link: #2e69c7;
  --quiz-bg: #f2f1f0;
  --quiz-questions-bg: #dbd3d3;
  --quiz-questions-bg-hover: #bdc7c7;
  --quiz-border: #476666;
  --quiz-buttons-bg: #bfc7c7;
  --quiz-buttons-disabled: #999;
  --quiz-buttons-bg-disabled: #dce3e3;
  --nav-title: #1f2937;
  --nav-icon: #1f2937;
  --nav-arrow: #1f2937;
  --nav-arrow-hover: #2e69c7;
  --nav-mobile-bg: #f0f2f5;
  --link-hover: #2e69c7;
  --utilities-bg: rgba(227, 232, 252, 0.6);
  --utilities-button: #34363d;
  --utilities-button-bg: #d8ddf0;
  --utilities-button-border:  #5f636e;
  --utilities-arrow-up: #34363d;
  --utilities-active: #1f2937;
  --utilities-comfort-border: #0d49a6;
  --utilities-comfort-bg: #7aaeff;
  --utilities-comfort-mode: rgba(252, 228, 172, 0.3);
  --utilities-focus-border: #b09907;
  --utilities-focus-bg: #f5e371;
  --utilities-bookmark-border: #9c08a1; 
  --utilities-bookmark-bg: #f990fc;
  --utilities-zoom-border: #16b526;
  --utilities-zoom-bg: #7ef78a;
  --utilities-media-border: #940cb0;
  --utilities-media-bg: #cb92f7;
  --focus-mode-rgb: 227, 232, 252;
  --sidebar-bg: rgba(227, 232, 252, 0.4);
  --sidebar-border: #5f636e;
  --sidebar-button: #34363d;
  --sidebar-button-bg: #e9ebf7;
  --sidebar-button-border: #5f636e;
  --sidebar-button-hover: #1f2126;
  --sidebar-button-hover-bg: #cad1e8;
  --terms-toolbar-bg: #fcfcf7;
  --terms-toolbar-buttons: #1f2126;
  --terms-toolbar-buttons-bg: #b7c9c0;
  --terms-toolbar-hover-bg: #cfe3d8;
  --terms-toolbar-hover: #2e4661;
  --terms-definition: #30282f;
  --terms-definition-bg: #fcfcf7;
  --terms-table-bg: #f7faff;
  --terms-table-th: #bae8e0;
  --terms-table-hover: #bae8e0;
  --vis-nodes: #0f171c;
  --vis-nodes-border: #23323b;
  --vis-nodes-bg: #4ca8e6;
  --vis-edges: #23323b;
  --vis-nodes-selected-bg: #2cd1b6;
  --vis-nodes-selected-border: #2c8fd1;
  --vis-nodes-hover-bg: #bae8e0;
  --vis-nodes-hover-border: #185680;
  --form-q-bg: #b8ffdb;
  --form-q-border: #34eb8f;
  --form-q-button: #211f26;
  --form-q-button-bg: #34eb8f;
  --form-q-button-hover: #0fd16f;
  --form-q-input: #211f26;
  --form-q-input-bg: #e1faed;
  --form-q-input-border: #0fd16f;
  --form-c-bg: #d3e3ed;
  --form-c-title: #0d1d29;
  --form-c-legend: #0d1d29;
  --form-c-textarea-border: #0d1d29;
  --form-c-textarea-bg: #e5e7eb;
  --form-c-radio: #4d80f7;
  --form-c-button: #211f26;
  --form-c-button-bg: #4c9be0;
  --form-c-button-hover: #3081c7;
  --form-c-rating: #4d5154;
  --form-c-rating-checked: #d9c10d;
}

html.dark {
  --content-color: #cdcfd4;
  --body-color: #211f26;
  --text-color: #e5e7eb;
  --title-color: #e5e7eb;      /* slate-100 */
  --subtitle-color: #cbd5e1;   /* slate-300 */
  --scrollbar-main-color: #2b51a6;
  --scrollbar-back-color: #505059;
  --modules-list: #f0f2f5;
  --modules-list-bg: #505059;
  --modules-list-hover: #0f172a;
  --modules-list-hover-bg: #2b51a6;
  --modules-list-bookmarked: #0f172a;
  --modules-list-bookmarked-bg: #c955c5;
  --modules-list-completed: #0f172a;
  --modules-list-completed-bg: #239939;
  --note-1-bg: #374151;
  --note-1-border: #4287f5;
  --note-2-bg: #78350f;   /* темна портокалова */
  --note-2-border: #fb923c;
  --note-3-bg: #14532d;   /* темно зелена */
  --note-3-border: #22c55e;
  --note-4-bg: #715b75;
  --note-4-border: #ce5ae8;
  --note-5-bg: #6b1d1d;
  --note-5-border: #f73939;
  --flashcard-front-bg: #69691e;   /* темна жолтеникава */
  --flashcard-back-bg: #1e293b;    /* темна сино-сива */
  --flashcard-border: #60a5fa;
  --flashcard-text: #e5e7eb;
  --lecture-title: #e5e7eb;
  --lecture-title-bg: #293a54;
  --lecture-title-bg-hover: #374a5c; 
  --lecture-title-hover: #f1f5f9;
  --quote-bg: #30282f;
  --quote-border: #943a85;
  --quote-text: #e5e7eb;
  --collapsible-title-bg: #628282;  
  --collapsible-title-bg-hover:  #6f9696; 
  --collapsible-title-bg-active: #578257;
  --collapsible-content-bg: #84b084;
  --collapsible-content-border: #a0d6a0;
  --collapsible-content-text: #f1f5f9;
  --bonus-text: #f1f5f9;
  --bonus-bg: #703a3a;
  --bonus-border: #fc3030; 
  --bonus-input-text: #fcf2fb;
  --bonus-input-bg: #382222;
  --bonus-button-text: #fcf2fb;
  --bonus-button-bg:  #d62727;
  --bonus-button-bg-hover:#fc3030;
  --bonus-content-bg: #7a5c5c;
  --bonus-content-border: #fc3030;
  --bonus-link: #88a0fc;
  --quiz-bg: #2c4242;
  --quiz-questions-bg: #4f5958;
  --quiz-questions-bg-hover: #666060;
  --quiz-border: #ded7d7;
  --quiz-buttons-bg: #575454;
  --quiz-buttons-disabled: #dedcdc;
  --quiz-buttons-bg-disabled: #808080;
  --nav-title: #788698;
  --nav-icon: #788698;
  --nav-arrow: #788698;
  --nav-arrow-hover: #4287f5;
  --nav-mobile-bg: #293a54;
  --nav-mobile-title: #ebebeb;
  --nav-mobile-arrow: #ebebeb;
  --link-hover: #4287f5;
  --utilities-bg: rgba(57, 60, 69, 0.6);
  --utilities-button: #b1b5c4;
  --utilities-button-bg: #4f525c;
  --utilities-button-border:  #8f95a6;
  --utilities-arrow-up: #b1b5c4;
  --utilities-active: #e5e7eb;
  --utilities-comfort-border: #3d89ff;
  --utilities-comfort-bg: #3d629c;
  --utilities-comfort-mode: rgba(138, 121, 81, 0.3);
  --utilities-focus-border: #f0d424;
  --utilities-focus-bg: #b5a333;
  --utilities-bookmark-border: #df17e6; 
  --utilities-bookmark-bg: #a647a8;
  --utilities-zoom-border: #2ce63e;
  --utilities-zoom-bg: #35b041;
  --utilities-media-border: #9e23eb;
  --utilities-media-bg: #7a48a1;
  --focus-mode-rgb: 30, 35, 55;
  --sidebar-bg: rgba(57, 60, 69, 0.4);
  --sidebar-border: #8f95a6;
  --sidebar-button: #bcc1d1;
  --sidebar-button-bg: #4f525c;
  --sidebar-button-border: #8f95a6;
  --sidebar-button-hover: #1f2126;
  --sidebar-button-hover-bg: #8f95a6;
  --terms-toolbar-bg: #35363f;
  --terms-toolbar-buttons: #ccded5;
  --terms-toolbar-buttons-bg: #1f2937;
  --terms-toolbar-hover-bg:  #2e4661;
  --terms-toolbar-hover: #e1f5ec;
  --terms-definition: #fcfcf7;
  --terms-definition-bg: #30282f;
  --terms-table-bg: #30282f;
  --terms-table-th: #587a74;  
  --terms-table-hover: #587a74;
  --vis-nodes: #fcfcf7;
  --vis-nodes-border: #23323b;
  --vis-nodes-bg: #174766;
  --vis-edges: #23323b;
  --vis-nodes-selected-bg: #108571;
  --vis-nodes-selected-border: #2791d9;
  --vis-nodes-hover-bg: #587a74;
  --vis-nodes-hover-border: #185680;
  --form-q-bg: #1c6942;
  --form-q-border: #00b55a;
  --form-q-button: #fcfcf7;
  --form-q-button-bg: #23323b;
  --form-q-button-hover: #284252;
  --form-q-input: #e1faed;
  --form-q-input-bg: #23323b;
  --form-q-input-border: #0fd16f;
  --form-c-bg: #43535e;
  --form-c-title: #e3f6ff;
  --form-c-legend: #e3f6ff;
  --form-c-textarea-border: #e3f6ff;
  --form-c-textarea-bg: #0d1d29;
  --form-c-radio: #4d80f7;
  --form-c-button: #e3f6ff;
  --form-c-button-bg: #2c76b8;
  --form-c-button-hover: #22629c;
  --form-c-rating: #e3f6ff;
  --form-c-rating-checked: #d9c10d;

}

.note {
  padding: 1rem;
  border-left-width: 4px;
  border-left-style: solid;
  border-radius: 0.5rem;
  margin: 1rem 0;
  line-height: 1.6;
}

/* различни типови note */
.note-1 {
  background-color: var(--note-1-bg);
  border-left-color: var(--note-1-border);
}

.note-2 {
  background-color: var(--note-2-bg);
  border-left-color: var(--note-2-border);
}

.note-3 {
  background-color: var(--note-3-bg);
  border-left-color: var(--note-3-border);
}

.note-4 {
  background-color: var(--note-4-bg);
  border-left-color: var(--note-4-border);
}

.note-5 {
  background-color: var(--note-5-bg);
  border-left-color: var(--note-5-border);
}


.moduleText {
  color: var(--text-color);
}
.moduleTitle {
  color: var(--title-color);
}
.moduleSubtitle {
  color: var(--subtitle-color);
}