@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,500&family=Space+Grotesk:wght@400;500;700&display=swap");

:root {
  --rose-bg-0: #f2e8ec;
  --rose-bg-1: #e6d4da;
  --rose-bg-2: #ecdde4;
  --rose-ink: #280d16;
  --rose-ink-soft: #60384a;
  --rose-title: #1e0812;
  --rose-link: #8a3456;
  --rose-link-hover: #c49440;
  --rose-panel: rgba(26, 6, 14, 0.93);
  --rose-panel-2: rgba(44, 10, 24, 0.85);
  --rose-paper: rgba(255, 244, 248, 0.92);
  --rose-paper-2: rgba(242, 228, 236, 0.82);
  --rose-line: rgba(130, 60, 84, 0.22);
  --rose-line-soft: rgba(130, 60, 84, 0.15);
  --rose-shadow: 0 24px 80px rgba(26, 6, 14, 0.22);
  --rose-accent-1: #c49440;
  --rose-accent-2: #9c7020;
  --rose-accent-1-hover: #d4a84e;
  --rose-accent-2-hover: #ac8030;
}

body {
  color: var(--rose-ink);
  background:
    radial-gradient(ellipse at top left, rgba(200, 100, 136, 0.32), transparent 40%),
    radial-gradient(ellipse at top right, rgba(180, 120, 148, 0.2), transparent 32%),
    radial-gradient(ellipse at bottom center, rgba(196, 148, 64, 0.2), transparent 48%),
    linear-gradient(180deg, var(--rose-bg-0) 0%, var(--rose-bg-1) 48%, var(--rose-bg-2) 100%);
  background-attachment: fixed;
}

.card,
.stream-card,
#cards-cat-sidebar,
.modal-content,
.colorless-modal-content,
.cards-filter-bar {
  border-color: rgba(220, 168, 190, 0.18) !important;
  background: linear-gradient(160deg, var(--rose-panel), var(--rose-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(220, 168, 190, 0.2) !important;
  color: #f4d8e6 !important;
}

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

.heading,
.card-title,
.modal .heading,
.colorless-modal-heading {
  background: linear-gradient(135deg, rgba(138, 52, 86, 0.3), rgba(196, 148, 64, 0.22)) !important;
  border: 1px solid rgba(196, 148, 64, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(220, 196, 140, 0.22), 0 10px 28px rgba(26, 6, 14, 0.22) !important;
  color: #f4d8e6 !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(196, 148, 64, 0.36), rgba(138, 52, 86, 0.26)) !important;
}

.content input[type="text"],
.modal textarea,
fieldset,
input[type="file"],
.card-search-text,
.cards-filter-bar select,
#settings-theme {
  border-color: rgba(220, 168, 190, 0.18) !important;
  background: rgba(14, 4, 8, 0.44) !important;
  color: #f0d8e4 !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(--rose-accent-1), var(--rose-accent-2)) !important;
  border-color: rgba(156, 112, 32, 0.34) !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(--rose-accent-1-hover), var(--rose-accent-2-hover)) !important;
}

#SITE_PAGES h1,
#SITE_PAGES h2,
#SITE_PAGES h3,
#SITE_PAGES .font_3,
#SITE_PAGES .font_4 {
  color: var(--rose-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: "Playfair Display", Georgia, serif;
  font-style: italic;
  letter-spacing: 0.04em;
}

.card {
  margin: 2px 1px;
  border-radius: 10px;
  border: 0;
}