@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Space+Grotesk:wght@400;500;700&display=swap");

:root {
  --meow-bg-0: #f7f2e8;
  --meow-bg-1: #efe6d7;
  --meow-bg-2: #f6f1e7;
  --meow-ink: #1f2937;
  --meow-ink-soft: #4a5a70;
  --meow-title: #2f251b;
  --meow-link: #3f6a8f;
  --meow-link-hover: #8f4e28;
  --meow-panel: rgba(17, 25, 39, 0.86);
  --meow-panel-2: rgba(24, 34, 50, 0.76);
  --meow-paper: rgba(255, 252, 247, 0.9);
  --meow-paper-2: rgba(247, 240, 231, 0.8);
  --meow-line: rgba(102, 85, 57, 0.18);
  --meow-line-soft: rgba(102, 85, 57, 0.14);
  --meow-shadow: 0 24px 80px rgba(25, 33, 48, 0.14);
  --meow-accent-1: #d08a59;
  --meow-accent-2: #aa6538;
  --meow-accent-1-hover: #dc9562;
  --meow-accent-2-hover: #b56e40;
}

body {
  color: var(--meow-ink);
  background:
    radial-gradient(circle at top left, rgba(233, 189, 124, 0.3), transparent 34%),
    radial-gradient(circle at top right, rgba(103, 151, 196, 0.22), transparent 30%),
    linear-gradient(180deg, var(--meow-bg-0) 0%, var(--meow-bg-1) 48%, var(--meow-bg-2) 100%);
  background-attachment: fixed;
}

.card,
.stream-card,
#cards-cat-sidebar,
.modal-content,
.colorless-modal-content,
.cards-filter-bar {
  border-color: rgba(233, 218, 196, 0.2) !important;
    background: linear-gradient(180deg, rgb(17 25 39), rgb(24 34 50)) !important;
}

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading,
.coll-fset,
.cards-cat-sidebar-list-cat {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f8efe2 !important;
  text-shadow: none !important;
}

.heading {
      border-radius: 10px 10px 0 0;
}

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading {
  background: linear-gradient(321deg, rgba(255, 250, 242, 0.16), rgba(255, 252, 247, 0.08)) !important;
    border: 1px solid var(--meow-line-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 8px 22px rgba(25, 33, 48, 0.12) !important;
    color: #f8efe2 !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(208, 138, 89, 0.3), rgba(69, 110, 149, 0.2)) !important;
}

.content input[type="text"],
.modal textarea,
fieldset,
input[type="file"],
.card-search-text,
.cards-filter-bar select {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #eaf0f7 !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(--meow-accent-1), var(--meow-accent-2)) !important;
  border-color: rgba(95, 67, 42, 0.24) !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(--meow-accent-1-hover), var(--meow-accent-2-hover)) !important;
  filter: none !important;
}

#SITE_PAGES h1,
#SITE_PAGES h2,
#SITE_PAGES h3,
#SITE_PAGES .font_3,
#SITE_PAGES .font_4 {
  color: var(--meow-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: "Cormorant Garamond", Georgia, serif;
  letter-spacing: 0.06em;
}


.card {
        margin: 2px 1px;
        border-radius: 10px;
        border: 0;
}