@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&family=Space+Grotesk:wght@400;500;700&display=swap");

:root {
  --obsidian-bg-0: #0b0c0f;
  --obsidian-bg-1: #13151a;
  --obsidian-bg-2: #1b1e24;
  --obsidian-ink: #dbdde3;
  --obsidian-ink-soft: #a8adb8;
  --obsidian-title: #f2f4f7;
  --obsidian-link: #d7dbe5;
  --obsidian-link-hover: #ffffff;
  --obsidian-panel: rgba(6, 7, 10, 0.94);
  --obsidian-panel-2: rgba(18, 20, 25, 0.88);
  --obsidian-paper: rgba(28, 31, 38, 0.92);
  --obsidian-paper-2: rgba(36, 39, 46, 0.84);
  --obsidian-line: rgba(164, 171, 184, 0.18);
  --obsidian-line-soft: rgba(164, 171, 184, 0.12);
  --obsidian-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
  --obsidian-accent-1: #4c5566;
  --obsidian-accent-2: #2d333f;
  --obsidian-accent-1-hover: #5b6578;
  --obsidian-accent-2-hover: #394150;
}

body {
  color: var(--obsidian-ink);
  background:
    radial-gradient(ellipse at top left, rgba(88, 96, 114, 0.14), transparent 38%),
    radial-gradient(ellipse at top right, rgba(54, 60, 74, 0.12), transparent 34%),
    radial-gradient(ellipse at bottom center, rgba(160, 168, 182, 0.08), transparent 48%),
    linear-gradient(180deg, var(--obsidian-bg-0) 0%, var(--obsidian-bg-1) 48%, var(--obsidian-bg-2) 100%);
  background-attachment: fixed;
}

.card,
.stream-card,
#cards-cat-sidebar,
.modal-content,
.colorless-modal-content,
.cards-filter-bar {
  border-color: rgba(164, 171, 184, 0.16) !important;
  background: linear-gradient(160deg, var(--obsidian-panel), var(--obsidian-panel-2)) !important;
}

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading,
.coll-fset,
.cards-cat-sidebar-list-cat {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(164, 171, 184, 0.16) !important;
  color: #e7eaf0 !important;
}

.heading {
  border-radius: 10px 10px 0 0;
}

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading {
  background: linear-gradient(135deg, rgba(54, 60, 74, 0.42), rgba(22, 24, 31, 0.62)) !important;
  border: 1px solid rgba(164, 171, 184, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(232, 236, 244, 0.08), 0 12px 32px rgba(0, 0, 0, 0.3) !important;
  color: #f1f3f7 !important;
}

.card-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 4px;
  padding-top: 4px;
  padding-bottom: 2px;
  letter-spacing: 0;
}

.cards-cat-sidebar-list-cat.selected,
.selected {
  background: linear-gradient(180deg, rgba(78, 86, 102, 0.42), rgba(34, 38, 47, 0.34)) !important;
}

.content input[type="text"],
.modal textarea,
fieldset,
input[type="file"],
.card-search-text,
.cards-filter-bar select,
#settings-theme {
  border-color: rgba(164, 171, 184, 0.16) !important;
  background: rgba(8, 9, 13, 0.7) !important;
  color: #e1e4eb !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(--obsidian-accent-1), var(--obsidian-accent-2)) !important;
  border-color: rgba(126, 135, 151, 0.24) !important;
  text-shadow: none !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(--obsidian-accent-1-hover), var(--obsidian-accent-2-hover)) !important;
}

#SITE_PAGES h1,
#SITE_PAGES h2,
#SITE_PAGES h3,
#SITE_PAGES .font_3,
#SITE_PAGES .font_4 {
  color: var(--obsidian-title);
  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: "Libre Baskerville", Georgia, serif;
  letter-spacing: 0.08em;
}


.card {
  margin: 2px 1px;
  border-radius: 10px;
  border: 0;
  box-shadow: var(--obsidian-shadow);
}