:root,
.lbb-theme-aura-light {
  color-scheme: light;

  --lbb-font-heading: var(--wp--preset--font-family--display-serif, var(--x-headings-font-family, Georgia, serif));
  --lbb-font-body: var(--wp--preset--font-family--sans, var(--x-body-font-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));

  --lbb-page-bg: #e8e0f0;
  --lbb-page-bg-2: #f7f3ec;
  --lbb-page-bg-3: #d6e0d2;
  --lbb-surface: rgba(251, 248, 244, 0.84);
  --lbb-surface-strong: #fbf8f4;
  --lbb-surface-soft: #f4eff9;
  --lbb-surface-muted: #efe7dd;
  --lbb-surface-contrast: #ffffff;

  --lbb-text: #2c1f37;
  --lbb-text-soft: #5a4867;
  --lbb-text-muted: #867596;
  --lbb-text-inverse: #fbf8f4;

  --lbb-border: rgba(61, 43, 74, 0.12);
  --lbb-border-strong: rgba(61, 43, 74, 0.22);
  --lbb-divider: rgba(61, 43, 74, 0.08);

  --lbb-accent: #9b89b8;
  --lbb-accent-hover: #7a6896;
  --lbb-accent-strong: #5f4d7a;
  --lbb-accent-soft: #e8e0f0;
  --lbb-accent-warm: #d4a5b5;
  --lbb-accent-earth: #b5c4b1;
  --lbb-accent-earth-hover: #8fa08c;
  --lbb-accent-gold: #d6b57d;

  --lbb-link: var(--lbb-accent-strong);
  --lbb-link-hover: #4b3c61;

  --lbb-shadow-sm: 0 6px 18px rgba(61, 43, 74, 0.06);
  --lbb-shadow-md: 0 16px 40px rgba(61, 43, 74, 0.1);
  --lbb-shadow-lg: 0 28px 72px rgba(61, 43, 74, 0.16);
  --lbb-shadow-glow: 0 0 0 1px rgba(255,255,255,0.24), 0 18px 50px rgba(91, 73, 122, 0.16);

  --lbb-radius-sm: 10px;
  --lbb-radius-md: 14px;
  --lbb-radius-lg: 20px;
  --lbb-radius-xl: 30px;
  --lbb-radius-pill: 999px;

  --lbb-space-1: 0.25rem;
  --lbb-space-2: 0.5rem;
  --lbb-space-3: 0.75rem;
  --lbb-space-4: 1rem;
  --lbb-space-5: 1.25rem;
  --lbb-space-6: 1.5rem;
  --lbb-space-8: 2rem;
  --lbb-space-10: 2.5rem;
  --lbb-space-12: 3rem;
  --lbb-space-16: 4rem;
  --lbb-space-20: 5rem;

  --lbb-max-narrow: 720px;
  --lbb-max-default: 960px;
  --lbb-max-wide: 1200px;

  --lbb-gradient-page:
    radial-gradient(circle at top left, rgba(255,255,255,0.58), transparent 34%),
    radial-gradient(circle at 85% 18%, rgba(212,165,181,0.22), transparent 26%),
    linear-gradient(180deg, #e8e0f0 0%, #f7f3ec 52%, #f3ede5 100%);
  --lbb-gradient-hero:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.44), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(155,137,184,0.24), transparent 24%),
    linear-gradient(140deg, rgba(251,248,244,0.94), rgba(232,224,240,0.92));
  --lbb-gradient-card:
    linear-gradient(180deg, rgba(255,255,255,0.86), rgba(251,248,244,0.72));
}

.lbb-theme-nocturne {
  color-scheme: dark;

  --lbb-page-bg: #140f1a;
  --lbb-page-bg-2: #1d1627;
  --lbb-page-bg-3: #1f2a25;
  --lbb-surface: rgba(28, 22, 37, 0.8);
  --lbb-surface-strong: #21192c;
  --lbb-surface-soft: #271e34;
  --lbb-surface-muted: #19131f;
  --lbb-surface-contrast: #302540;

  --lbb-text: #f7f1fb;
  --lbb-text-soft: #cabcdc;
  --lbb-text-muted: #a696bc;
  --lbb-text-inverse: #140f1a;

  --lbb-border: rgba(232, 224, 240, 0.12);
  --lbb-border-strong: rgba(232, 224, 240, 0.22);
  --lbb-divider: rgba(232, 224, 240, 0.09);

  --lbb-accent: #b8a4d5;
  --lbb-accent-hover: #ccbce3;
  --lbb-accent-strong: #e1d6ef;
  --lbb-accent-soft: rgba(155, 137, 184, 0.16);
  --lbb-accent-warm: #c79daf;
  --lbb-accent-earth: #9db39a;
  --lbb-accent-earth-hover: #c7d5c5;
  --lbb-accent-gold: #e0bd83;

  --lbb-link: #d8cde8;
  --lbb-link-hover: #ffffff;

  --lbb-shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.25);
  --lbb-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.34);
  --lbb-shadow-lg: 0 30px 78px rgba(0, 0, 0, 0.44);
  --lbb-shadow-glow: 0 0 0 1px rgba(255,255,255,0.04), 0 20px 60px rgba(141, 111, 188, 0.18);

  --lbb-gradient-page:
    radial-gradient(circle at 12% 10%, rgba(184,164,213,0.14), transparent 24%),
    radial-gradient(circle at 88% 0%, rgba(157,179,154,0.12), transparent 20%),
    linear-gradient(180deg, #140f1a 0%, #181120 48%, #120e18 100%);
  --lbb-gradient-hero:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.06), transparent 22%),
    radial-gradient(circle at 84% 18%, rgba(184,164,213,0.18), transparent 26%),
    linear-gradient(140deg, rgba(33,25,44,0.96), rgba(23,17,32,0.94));
  --lbb-gradient-card:
    linear-gradient(180deg, rgba(42,33,56,0.78), rgba(26,20,35,0.92));
}

.lbb-theme-sage-dawn {
  color-scheme: light;

  --lbb-page-bg: #edf3ea;
  --lbb-page-bg-2: #f7f3ec;
  --lbb-page-bg-3: #e7efe5;
  --lbb-surface: rgba(250, 248, 244, 0.88);
  --lbb-surface-strong: #faf8f4;
  --lbb-surface-soft: #eef4ea;
  --lbb-surface-muted: #efe9dd;
  --lbb-surface-contrast: #ffffff;

  --lbb-text: #223027;
  --lbb-text-soft: #4a5a4b;
  --lbb-text-muted: #738175;
  --lbb-text-inverse: #f7f3ec;

  --lbb-border: rgba(34, 48, 39, 0.12);
  --lbb-border-strong: rgba(34, 48, 39, 0.2);
  --lbb-divider: rgba(34, 48, 39, 0.08);

  --lbb-accent: #778c77;
  --lbb-accent-hover: #5f735f;
  --lbb-accent-strong: #465947;
  --lbb-accent-soft: #dce8d8;
  --lbb-accent-warm: #c8978d;
  --lbb-accent-earth: #b5c4b1;
  --lbb-accent-earth-hover: #8fa08c;
  --lbb-accent-gold: #bb9b6f;

  --lbb-link: #465947;
  --lbb-link-hover: #2d3e2f;

  --lbb-gradient-page:
    radial-gradient(circle at top left, rgba(255,255,255,0.56), transparent 34%),
    radial-gradient(circle at 90% 14%, rgba(181,196,177,0.28), transparent 26%),
    linear-gradient(180deg, #edf3ea 0%, #f7f3ec 54%, #f4efe8 100%);
  --lbb-gradient-hero:
    radial-gradient(circle at 14% 12%, rgba(255,255,255,0.45), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(181,196,177,0.22), transparent 22%),
    linear-gradient(140deg, rgba(250,248,244,0.96), rgba(231,239,229,0.92));
}

@media (prefers-color-scheme: dark) {
  .lbb-theme-auto {
    color-scheme: dark;
    --lbb-page-bg: #140f1a;
    --lbb-page-bg-2: #1d1627;
    --lbb-page-bg-3: #1f2a25;
    --lbb-surface: rgba(28, 22, 37, 0.8);
    --lbb-surface-strong: #21192c;
    --lbb-surface-soft: #271e34;
    --lbb-surface-muted: #19131f;
    --lbb-surface-contrast: #302540;
    --lbb-text: #f7f1fb;
    --lbb-text-soft: #cabcdc;
    --lbb-text-muted: #a696bc;
    --lbb-text-inverse: #140f1a;
    --lbb-border: rgba(232, 224, 240, 0.12);
    --lbb-border-strong: rgba(232, 224, 240, 0.22);
    --lbb-divider: rgba(232, 224, 240, 0.09);
    --lbb-accent: #b8a4d5;
    --lbb-accent-hover: #ccbce3;
    --lbb-accent-strong: #e1d6ef;
    --lbb-accent-soft: rgba(155, 137, 184, 0.16);
    --lbb-accent-warm: #c79daf;
    --lbb-accent-earth: #9db39a;
    --lbb-accent-earth-hover: #c7d5c5;
    --lbb-accent-gold: #e0bd83;
    --lbb-link: #d8cde8;
    --lbb-link-hover: #ffffff;
    --lbb-shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.25);
    --lbb-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.34);
    --lbb-shadow-lg: 0 30px 78px rgba(0, 0, 0, 0.44);
    --lbb-shadow-glow: 0 0 0 1px rgba(255,255,255,0.04), 0 20px 60px rgba(141, 111, 188, 0.18);
    --lbb-gradient-page: radial-gradient(circle at 12% 10%, rgba(184,164,213,0.14), transparent 24%), radial-gradient(circle at 88% 0%, rgba(157,179,154,0.12), transparent 20%), linear-gradient(180deg, #140f1a 0%, #181120 48%, #120e18 100%);
    --lbb-gradient-hero: radial-gradient(circle at 12% 10%, rgba(255,255,255,0.06), transparent 22%), radial-gradient(circle at 84% 18%, rgba(184,164,213,0.18), transparent 26%), linear-gradient(140deg, rgba(33,25,44,0.96), rgba(23,17,32,0.94));
    --lbb-gradient-card: linear-gradient(180deg, rgba(42,33,56,0.78), rgba(26,20,35,0.92));
  }
}