@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Prata&display=swap");

:root {
  --nocturne-panel: rgba(10, 14, 24, 0.9);
  --nocturne-panel-2: rgba(21, 26, 39, 0.82);
  --nocturne-panel-3: rgba(36, 26, 52, 0.32);
  --nocturne-header-1: rgba(134, 110, 187, 0.34);
  --nocturne-header-2: rgba(84, 126, 196, 0.18);
  --nocturne-ink: #edf3ff;
  --nocturne-ink-soft: #b9c8e8;
  --nocturne-accent: #8f7cf0;
  --nocturne-accent-2: #547ec4;
  --nocturne-button-1: #6c59d8;
  --nocturne-button-2: #3f6fb7;
  --nocturne-button-1-hover: #7b68ea;
  --nocturne-button-2-hover: #4e7fc7;
}

body {
  color: var(--nocturne-ink);
  background:
    radial-gradient(circle at top left, rgba(104, 78, 175, 0.28), transparent 32%),
    radial-gradient(circle at top right, rgba(69, 126, 196, 0.22), transparent 28%),
    linear-gradient(180deg, #060912 0%, #0b1220 44%, #121726 100%);
  background-attachment: fixed;
}

.card,
.stream-card,
#cards-cat-sidebar,
.modal-content,
.colorless-modal-content,
.cards-filter-bar {
  border-color: rgba(182, 196, 236, 0.14) !important;
  background: linear-gradient(180deg, var(--nocturne-panel), var(--nocturne-panel-2)) !important;
}

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading,
.coll-fset,
.cards-cat-sidebar-list-cat {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(217, 226, 247, 0.12) !important;
  color: #f3f6ff !important;
  text-shadow: none !important;
}

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading {
  background: linear-gradient(180deg, var(--nocturne-header-1), var(--nocturne-header-2)) !important;
  border: 1px solid rgba(193, 205, 245, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
  color: #f7f8ff !important;
}

.cards-cat-sidebar-list-cat.selected,
.selected {
  background: linear-gradient(180deg, rgba(143, 124, 240, 0.26), rgba(84, 126, 196, 0.22)) !important;
}

.content input[type="text"],
.modal textarea,
fieldset,
input[type="file"],
.card-search-text,
.cards-filter-bar select,
#settings-theme {
  border-color: rgba(211, 222, 247, 0.14) !important;
  background: rgba(6, 10, 18, 0.42) !important;
  color: #eef4ff !important;
}

.bitton:not(.mobile-hartree-menu-btn):not(.mobile-fios-menu-btn),
.btn:not(.mobile-hartree-menu-btn):not(.mobile-fios-menu-btn),
button:not(.mobile-hartree-menu-btn):not(.mobile-fios-menu-btn) {
  background: linear-gradient(180deg, var(--nocturne-button-1), var(--nocturne-button-2)) !important;
  border-color: rgba(177, 187, 236, 0.22) !important;
}

.bitton:not(.mobile-hartree-menu-btn):not(.mobile-fios-menu-btn):hover,
.btn:not(.mobile-hartree-menu-btn):not(.mobile-fios-menu-btn):hover,
button:not(.mobile-hartree-menu-btn):not(.mobile-fios-menu-btn):hover {
  background: linear-gradient(180deg, var(--nocturne-button-1-hover), var(--nocturne-button-2-hover)) !important;
}

#SITE_PAGES h1,
#SITE_PAGES h2,
#SITE_PAGES h3,
#SITE_PAGES .font_3,
#SITE_PAGES .font_4 {
  color: #eef0fb;
  text-shadow: none;
}

h1 .wixui-rich-text__text,
h2 .wixui-rich-text__text,
h3 .wixui-rich-text__text,
h4 .wixui-rich-text__text,
.font_3.wixui-rich-text__text,
.font_4.wixui-rich-text__text {
  font-family: "Prata", Georgia, serif;
  letter-spacing: 0.04em;
}