/*
 * Firefly Sky Color Mode v1.0.0
 *
 * Astra Pro owns state, palette switching and persistence. Every compatibility
 * selector below is intentionally rooted at body.astra-dark-mode-enable.
 * Images, portraits and product screenshots are never inverted or filtered.
 */

body.astra-dark-mode-enable:has(.ff-site.ff-v2) {
  background: #080d1b;
}

body.astra-dark-mode-enable .ff-site.ff-v2 {
  --ff-ink: #eef3ff;
  --ff-ink-deep: #ffffff;
  --ff-copy: #bcc6dc;
  --ff-copy-soft: #98a6c2;
  --ff-line: rgba(201, 214, 245, 0.16);
  --ff-cream: #171522;
  --ff-surface: #121a2d;
  --ff-shadow-sm: 0 12px 34px rgba(0, 0, 0, 0.28);
  --ff-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  --ff-shadow-deep: 0 28px 80px rgba(0, 0, 0, 0.5);
  --ff-dark-bg: #080d1b;
  --ff-dark-bg-soft: #0d1425;
  --ff-dark-surface: #121a2d;
  --ff-dark-surface-raised: #182239;
  --ff-dark-line: rgba(201, 214, 245, 0.16);
  color: var(--ff-ink);
  background: var(--ff-dark-bg);
  color-scheme: dark;
}

body.astra-dark-mode-enable .ff-site.ff-v2 :where(input, textarea, select) {
  color-scheme: dark;
}

body.astra-dark-mode-enable .ff-v2 :where(h1, h2, h3, h4, strong, address) {
  color: var(--ff-ink-deep);
}

body.astra-dark-mode-enable .ff-v2 :where(p, li, small) {
  color: var(--ff-copy);
}

body.astra-dark-mode-enable .ff-v2 .ff-nav {
  border-color: var(--ff-dark-line);
  background: rgba(15, 22, 39, 0.94);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
}

body.astra-dark-mode-enable .ff-v2 .ff-brand-name,
body.astra-dark-mode-enable .ff-v2 .ff-desktop-nav a {
  color: #dce5f8;
}

body.astra-dark-mode-enable .ff-v2 .ff-brand-name strong,
body.astra-dark-mode-enable .ff-v2 .ff-desktop-nav a:hover,
body.astra-dark-mode-enable .ff-v2 .ff-desktop-nav a[aria-current="page"] {
  color: #8ca9ff;
}

body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu > summary span {
  background: #eef3ff;
}

body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu > nav {
  border-color: var(--ff-dark-line);
  background: #111a2d;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.48);
}

body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu > nav > a:not(.ff-btn) {
  color: #d8e1f5;
}

body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu > nav > a:not(.ff-btn):hover,
body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu > nav > a:not(.ff-btn):focus-visible,
body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu > nav > a[aria-current="page"] {
  color: #a9bbff;
  background: #1b2740;
}

body.astra-dark-mode-enable .ff-v2 .ast-color-switcher-wrapper .ast-switcher-button {
  border: 1px solid var(--ff-dark-line);
  color: #eef3ff;
  background: #1a2540;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

body.astra-dark-mode-enable .ff-v2 .ast-color-switcher-wrapper .ast-switcher-button:hover {
  color: #ffffff;
  background: #243252;
}

body.astra-dark-mode-enable .ff-v2 .ast-color-switcher-wrapper .ast-switcher-button:focus-visible {
  outline: 3px solid #ffc24b;
  outline-offset: 3px;
}

body.astra-dark-mode-enable .ff-v2 .ff-btn-ghost {
  border-color: var(--ff-dark-line);
  color: #e9efff;
  background: #151f34;
}

body.astra-dark-mode-enable .ff-v2 .ff-btn-ghost:hover {
  border-color: rgba(140, 169, 255, 0.5);
  color: #ffffff;
  background: #1d2944;
}

body.astra-dark-mode-enable .ff-v2 .ff-btn-dark {
  color: #0d1230;
  background: #f1f5ff;
}

body.astra-dark-mode-enable .ff-v2 .ff-btn-dark:hover {
  color: #0d1230;
  background: #ffffff;
}

body.astra-dark-mode-enable .ff-v2 .ff-btn-light,
body.astra-dark-mode-enable .ff-v2 .ff-btn-light:hover {
  color: #0d1230;
  background: #ffffff;
}

body.astra-dark-mode-enable .ff-v2 .ff-hero,
body.astra-dark-mode-enable .ff-v2 .ff-products-section,
body.astra-dark-mode-enable .ff-v2 .ff-suite-section,
body.astra-dark-mode-enable .ff-v2 .ff-control-section,
body.astra-dark-mode-enable .ff-v2 .ff-global-section,
body.astra-dark-mode-enable .ff-v2 .ff-pricing-section,
body.astra-dark-mode-enable .ff-v2 .ff-faq-section {
  background: radial-gradient(circle at 82% 8%, rgba(83, 102, 255, 0.13), transparent 30rem), var(--ff-dark-bg);
}

body.astra-dark-mode-enable .ff-v2 .ff-loop-section,
body.astra-dark-mode-enable .ff-v2 .ff-start-section,
body.astra-dark-mode-enable .ff-v2 .ff-inner-family-section,
body.astra-dark-mode-enable .ff-v2 .ff-contact-resources-section {
  background: var(--ff-dark-bg-soft);
}

body.astra-dark-mode-enable .ff-v2 .ff-blog-section {
  background: radial-gradient(circle at 72% 14%, rgba(113, 91, 255, 0.24), transparent 34rem), #090d20;
}

body.astra-dark-mode-enable .ff-v2 :is(.ff-product-card, .ff-loop-card, .ff-bento:not(.ff-bento-gradient):not(.ff-bento-screen), .ff-gallery-card, .ff-control-panel, .ff-control-grid article, .ff-language-small, .ff-plan-card, .ff-pricing-product, .ff-start-card, .ff-contact-method, .ff-contact-page-card, .ff-contact-resource-card, .ff-contact-checklist, .ff-inner-family-card, .ff-about-belief, .ff-theme-state, .ff-safeguard-note, .ff-bento-list) {
  border-color: var(--ff-dark-line);
  background: linear-gradient(145deg, #151e33, #101729);
  box-shadow: var(--ff-shadow-sm);
}

body.astra-dark-mode-enable .ff-v2 :is(.ff-bento-screen, .ff-promo-window, .ff-screen-wrap, .ff-visual-window, .ff-tech-console, .ff-theme-visual) {
  border-color: var(--ff-dark-line);
  background-color: #111a2c;
  box-shadow: var(--ff-shadow);
}

body.astra-dark-mode-enable .ff-v2 :is(.ff-bento-screen, .ff-theme-visual) {
  background: #111a2c;
}

body.astra-dark-mode-enable .ff-v2 :is(.ff-browser-bar, .ff-gallery-head, .ff-tech-console-bar, .ff-tech-console-footer) {
  border-color: var(--ff-dark-line);
  color: #aebad2;
  background: #182238;
}

body.astra-dark-mode-enable .ff-v2 .ff-gallery-card > figcaption {
  color: #aebad2;
}

body.astra-dark-mode-enable .ff-v2 :is(.ff-feature-line, .ff-bento-list li, .ff-proof li, .ff-pricing-notes li, .ff-contact-checklist li) {
  border-color: var(--ff-dark-line);
  color: #c4cee2;
}

body.astra-dark-mode-enable .ff-v2 .ff-tag-list li {
  border-color: var(--ff-dark-line);
  color: #d7e0f3;
  background: #182239;
}

body.astra-dark-mode-enable .ff-v2 :is(.ff-kicker, .ff-eyebrow, .ff-product-label, .ff-promo-chip, .ff-plan-chip, .ff-coming-chip, .ff-status, .ff-visual-label) {
  border-color: rgba(132, 158, 255, 0.24);
  color: #aebdff;
  background: rgba(74, 94, 173, 0.2);
}

body.astra-dark-mode-enable .ff-v2 .ff-marquee-window {
  border-color: var(--ff-dark-line);
  background: #111a2d;
}

body.astra-dark-mode-enable .ff-v2 .ff-marquee-track > * {
  border-color: var(--ff-dark-line);
  color: #d7e0f3;
  background: #182239;
}

body.astra-dark-mode-enable .ff-v2 .ff-marquee-toggle {
  border-color: var(--ff-dark-line);
  color: #e8eeff;
  background: #1b2740;
}

body.astra-dark-mode-enable .ff-v2 .ff-pricing-grid-bg {
  opacity: 0.14;
}

body.astra-dark-mode-enable .ff-v2 .ff-pricing-live {
  border-color: rgba(99, 231, 208, 0.26);
  color: #8ff0dc;
  background: rgba(25, 63, 67, 0.62);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

body.astra-dark-mode-enable .ff-v2 .ff-plan-card :is(.ff-plan-name, .ff-plan-price, h3),
body.astra-dark-mode-enable .ff-v2 .ff-pricing-product-head :is(h2, p),
body.astra-dark-mode-enable .ff-v2 .ff-product-card :is(h3, p) {
  color: inherit;
}

body.astra-dark-mode-enable .ff-v2 .ff-faq-list details {
  border-color: var(--ff-dark-line);
  background: #121a2d;
  box-shadow: var(--ff-shadow-sm);
}

body.astra-dark-mode-enable .ff-v2 .ff-faq-list summary {
  color: #f3f6ff;
}

body.astra-dark-mode-enable .ff-v2 .ff-faq-list details[open] summary {
  border-color: var(--ff-dark-line);
}

body.astra-dark-mode-enable .ff-v2 .ff-final-section {
  background: var(--ff-dark-bg);
}

body.astra-dark-mode-enable .ff-v2 .ff-final-card {
  border-color: rgba(255, 255, 255, 0.12);
  background: linear-gradient(130deg, #263f9a, #56379d 56%, #8e3f78);
  box-shadow: var(--ff-shadow-deep);
}

body.astra-dark-mode-enable .ff-v2 .ff-final-card :is(h2, p, .ff-kicker) {
  color: #ffffff;
}

body.astra-dark-mode-enable .ff-v2 .ff-footer {
  border-color: var(--ff-dark-line);
  background: #070b17;
}

body.astra-dark-mode-enable .ff-v2 .ff-footer :is(p, a) {
  color: #aeb9d0;
}

body.astra-dark-mode-enable .ff-v2 .ff-footer a:hover {
  color: #ffffff;
}

body.astra-dark-mode-enable .ff-v2 .ff-footer-bottom {
  border-color: var(--ff-dark-line);
}

body.astra-dark-mode-enable .ff-v2 .ff-inner-hero {
  background: radial-gradient(circle at 86% 8%, rgba(112, 84, 255, 0.2), transparent 28rem), var(--ff-dark-bg-soft);
}

body.astra-dark-mode-enable .ff-v2 .ff-inner-story-section,
body.astra-dark-mode-enable .ff-v2 .ff-origin-section,
body.astra-dark-mode-enable .ff-v2 .ff-inner-values-section,
body.astra-dark-mode-enable .ff-v2 .ff-contact-guidance-section {
  background: var(--ff-dark-bg);
}

body.astra-dark-mode-enable .ff-v2 .ff-about-image-frame {
  border-color: var(--ff-dark-line);
  background: #151e32;
  box-shadow: var(--ff-shadow);
}

body.astra-dark-mode-enable .ff-v2 .ff-about-image-label {
  border-color: var(--ff-dark-line);
  color: #e8eeff;
  background: rgba(15, 22, 39, 0.9);
}

body.astra-dark-mode-enable .ff-v2 .ff-origin-story,
body.astra-dark-mode-enable .ff-v2 .ff-inner-story-copy {
  color: var(--ff-copy);
}

body.astra-dark-mode-enable .ff-v2 .ff-inner-family-soon {
  background: linear-gradient(145deg, #171f32, #11192b);
}

body.astra-dark-mode-enable .ff-v2 .ff-inner-family-soon > :is(span, strong) {
  color: #aeb9d0;
}

body.astra-dark-mode-enable .ff-v2 .ff-contact-method:hover,
body.astra-dark-mode-enable .ff-v2 .ff-contact-resource-card:hover {
  border-color: rgba(132, 158, 255, 0.45);
  background: #19243b;
}

body.astra-dark-mode-enable .ff-v2 .ff-contact-safety {
  border-color: rgba(255, 142, 113, 0.3);
  color: #ffd2c6;
  background: rgba(122, 56, 48, 0.24);
}

body.astra-dark-mode-enable.ff-blog-system-active {
  --ffb-navy: #f3f6ff;
  --ffb-blue: #7fa0ff;
  --ffb-violet: #a18bff;
  --ffb-coral: #ff8ba5;
  --ffb-mint: #63e7d0;
  --ffb-ink: #e9eefc;
  --ffb-muted: #aeb9d0;
  --ffb-line: #2a3550;
  --ffb-paper: #111a2c;
  --ffb-bg: #080d1b;
  color: var(--ffb-ink);
  background: radial-gradient(circle at 8% 3%, rgba(77, 105, 255, 0.13), transparent 27rem), radial-gradient(circle at 92% 16%, rgba(255, 99, 131, 0.1), transparent 25rem), var(--ffb-bg);
  color-scheme: dark;
}

body.astra-dark-mode-enable.ff-blog-system-active :where(input, textarea, select) {
  color-scheme: dark;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-nav {
  border-color: rgba(207, 218, 247, 0.15);
  background: rgba(14, 21, 38, 0.94);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.4);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-brand,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-brand:hover {
  color: #eef3ff;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-brand strong,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-desktop-nav a:hover,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-desktop-nav a.is-current {
  color: var(--ffb-blue);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-desktop-nav a {
  color: #c6d0e4;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-contact,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-contact:hover {
  color: #0d1230 !important;
  background: #f3f6ff;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-mobile-menu summary span {
  background: #eef3ff;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-mobile-menu nav {
  border-color: var(--ffb-line);
  background: #111a2c;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.48);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-mobile-menu nav a {
  color: #d1daed;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-mobile-menu nav a:hover,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-mobile-menu nav a.is-current {
  color: #aabaff;
  background: #1b2740;
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-color-switcher-wrapper .ast-switcher-button {
  border: 1px solid rgba(207, 218, 247, 0.16);
  color: #eef3ff;
  background: #1a2540;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-color-switcher-wrapper .ast-switcher-button:hover {
  color: #ffffff;
  background: #243252;
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-color-switcher-wrapper .ast-switcher-button:focus-visible {
  outline: 3px solid #ffc24b;
  outline-offset: 3px;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-archive-hero {
  border-color: rgba(135, 154, 255, 0.2);
  background: linear-gradient(135deg, #141d31 0%, #171b38 58%, #2a1728 100%);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.3);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-kicker {
  color: #aebdff;
  background: rgba(90, 107, 194, 0.24);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-archive-hero h1 {
  color: #f6f8ff;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-archive-hero > p {
  color: var(--ffb-muted);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-categories a,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-toolbar-search summary,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-toolbar-search-panel,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-search-control {
  border-color: var(--ffb-line);
  color: #d8e0f1;
  background: #111a2c;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-categories a:hover,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-categories a:focus-visible,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-categories a.is-current {
  border-color: var(--ffb-blue);
  color: #b8c5ff;
  background: #1c2843;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-search-control input[type="search"] {
  color: var(--ffb-ink);
  background: transparent;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-search-control input[type="search"]::placeholder {
  color: #8997b2;
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-archive-description,
body.astra-dark-mode-enable.ff-blog-system-active .no-results .page-content {
  border-color: var(--ffb-line);
  color: var(--ffb-ink);
  background: #111a2c;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post .ast-blog-featured-section.post-thumb {
  background: #151f35;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post:hover .ast-blog-featured-section.post-thumb,
body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post:focus-within .ast-blog-featured-section.post-thumb {
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.4);
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post .entry-title,
body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post .entry-title a {
  color: #f1f4ff;
}

body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post .entry-meta,
body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post .entry-content,
body.astra-dark-mode-enable.ff-blog-system-active .ast-article-post .ast-excerpt-container {
  color: var(--ffb-muted);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-breadcrumbs {
  color: #97a4bd;
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .entry-content {
  color: #c5cee0;
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .ff-blog-article-body h2,
body.astra-dark-mode-enable.ff-blog-system-active.single-post .ff-blog-article-body h3 {
  color: #f2f5ff;
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .ff-blog-article-body :is(p, li, figcaption) {
  color: #c5cee0;
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .ff-blog-article-body :is(blockquote, pre, code) {
  border-color: var(--ffb-line);
  color: #dce4f5;
  background: #111a2c;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-figure img {
  border-color: var(--ffb-line);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
}

body.astra-dark-mode-enable.ff-blog-system-active .wp-block-table {
  border-color: var(--ffb-line);
  background: #10182a;
}

body.astra-dark-mode-enable.ff-blog-system-active .wp-block-table table,
body.astra-dark-mode-enable.ff-blog-system-active .wp-block-table td {
  color: #cbd4e6;
  background: #10182a;
}

body.astra-dark-mode-enable.ff-blog-system-active .wp-block-table th {
  color: #f2f5ff;
  background: #1a2540;
}

body.astra-dark-mode-enable.ff-blog-system-active .wp-block-table td,
body.astra-dark-mode-enable.ff-blog-system-active .wp-block-table th {
  border-color: var(--ffb-line);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-sources {
  border-color: var(--ffb-line);
  color: #c8d1e4;
  background: #111a2c;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-panel,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-details > summary {
  border-color: var(--ffb-line);
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-title,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-details > summary {
  color: #eef3ff;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-list a {
  color: #aeb9d0 !important;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-list a:hover,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-list a:focus-visible,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-list a[aria-current="location"] {
  color: #b29fff !important;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-toggle,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-details:not([open]) > summary,
body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-details {
  border-color: var(--ffb-line);
  color: #b9a8ff;
  background: #111a2c;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.26);
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .post-navigation {
  border-color: var(--ffb-line);
  background: #111a2c;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .post-navigation .nav-next {
  border-color: var(--ffb-line);
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .post-navigation :is(.nav-previous, .nav-next) > a {
  color: #eef3ff;
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .post-navigation :is(.nav-previous, .nav-next) > a:hover {
  background: #1a2540;
}

body.astra-dark-mode-enable.ff-blog-system-active.single-post .post-navigation p {
  color: #bac4d9;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-footer {
  background: #070b17;
}

body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-footer-bottom {
  border-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 1040px) {
  body.astra-dark-mode-enable .ff-v2 .ff-mobile-menu .ast-color-switcher-wrapper,
  body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-mobile-menu .ast-color-switcher-wrapper {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding-inline: 10px;
  }
}

@media (max-width: 960px) {
  body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-details {
    border-color: var(--ffb-line);
    background: #111a2c;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  }

  body.astra-dark-mode-enable.ff-blog-system-active .ff-blog-outline-panel {
    border-color: var(--ffb-line);
    background: #0e1627;
  }
}