/*
 * Universal Blog Experience — seven brand-ready palettes.
 * The extra `html body` specificity intentionally wins over defaults in the
 * component styles without using !important on every custom property.
 */

html body.ube-theme-forest-park{
  color-scheme:light;
  --ube-bg:#f5f7f0;
  --ube-bg-soft:#edf2e8;
  --ube-panel:#ffffff;
  --ube-panel-2:#e8efe1;
  --ube-line:rgba(31,73,35,.14);
  --ube-line-strong:rgba(31,73,35,.24);
  --ube-text:#142235;
  --ube-body:#334537;
  --ube-muted:#667464;
  --ube-muted-2:#7d8879;
  --ube-gold:#2f6a31;
  --ube-gold-soft:#3f7b37;
  --ube-accent-rgb:47,106,49;
  --ube-on-accent:#ffffff;
  --ube-code-bg:#16241a;
  --ube-code-text:#edf7e9;
  --ube-archive-bg:#f5f7f0;
  --ube-archive-panel:#ffffff;
  --ube-archive-text:#142235;
  --ube-archive-body:#415243;
  --ube-archive-muted:#71806e;
  --ube-archive-line:rgba(31,73,35,.14);
  --ube-archive-gold:#2f6a31;
  --ube-archive-accent-rgb:47,106,49;
  --ube-archive-on-accent:#ffffff;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(126,178,55,.25),transparent 68%),linear-gradient(135deg,#f3f7ee,#dde9d8 74%);
}
html body.ube-theme-forest-park .ube-panels{--ubep-gold:#2f6a31;--ubep-line:rgba(255,255,255,.24);--ubep-accent-rgb:47,106,49;--ubep-on-accent:#fff}

html body.ube-theme-obsidian-gold{
  color-scheme:dark;
  --ube-bg:#08090b;
  --ube-bg-soft:#0b0d10;
  --ube-panel:#0e1014;
  --ube-panel-2:#11141a;
  --ube-line:rgba(255,255,255,.09);
  --ube-line-strong:rgba(255,255,255,.16);
  --ube-text:#f4f5f7;
  --ube-body:#d4d8de;
  --ube-muted:#9ca3ae;
  --ube-muted-2:#737b87;
  --ube-gold:#e2c668;
  --ube-gold-soft:#f0df9b;
  --ube-accent-rgb:226,198,104;
  --ube-on-accent:#111111;
  --ube-code-bg:#050607;
  --ube-code-text:#dfe3e7;
  --ube-archive-bg:#08090b;
  --ube-archive-panel:#0e1014;
  --ube-archive-text:#f4f5f7;
  --ube-archive-body:#cbd0d7;
  --ube-archive-muted:#89919d;
  --ube-archive-line:rgba(255,255,255,.1);
  --ube-archive-gold:#e2c668;
  --ube-archive-accent-rgb:226,198,104;
  --ube-archive-on-accent:#111111;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(226,198,104,.16),transparent 68%),linear-gradient(135deg,#11151a,#08090b 74%);
}
html body.ube-theme-obsidian-gold .ube-panels{--ubep-gold:#e2c668;--ubep-line:rgba(255,255,255,.12);--ubep-accent-rgb:226,198,104;--ubep-on-accent:#111}

html body.ube-theme-ocean-blue{
  color-scheme:dark;
  --ube-bg:#07131d;
  --ube-bg-soft:#091923;
  --ube-panel:#0c2130;
  --ube-panel-2:#102a3b;
  --ube-line:rgba(163,226,255,.12);
  --ube-line-strong:rgba(163,226,255,.23);
  --ube-text:#eef9ff;
  --ube-body:#c8dce7;
  --ube-muted:#8fa8b5;
  --ube-muted-2:#6e8997;
  --ube-gold:#36c5f0;
  --ube-gold-soft:#9de8ff;
  --ube-accent-rgb:54,197,240;
  --ube-on-accent:#06151d;
  --ube-code-bg:#030b11;
  --ube-code-text:#d9f4ff;
  --ube-archive-bg:#07131d;
  --ube-archive-panel:#0c2130;
  --ube-archive-text:#eef9ff;
  --ube-archive-body:#c8dce7;
  --ube-archive-muted:#829eac;
  --ube-archive-line:rgba(163,226,255,.12);
  --ube-archive-gold:#36c5f0;
  --ube-archive-accent-rgb:54,197,240;
  --ube-archive-on-accent:#06151d;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(54,197,240,.17),transparent 68%),linear-gradient(135deg,#0d2a3d,#06121c 74%);
}
html body.ube-theme-ocean-blue .ube-panels{--ubep-gold:#36c5f0;--ubep-line:rgba(163,226,255,.2);--ubep-accent-rgb:54,197,240;--ubep-on-accent:#06151d}

html body.ube-theme-burgundy-editorial{
  color-scheme:light;
  --ube-bg:#fbf4ef;
  --ube-bg-soft:#f5e9e3;
  --ube-panel:#ffffff;
  --ube-panel-2:#f1dedc;
  --ube-line:rgba(99,25,38,.14);
  --ube-line-strong:rgba(99,25,38,.24);
  --ube-text:#35171c;
  --ube-body:#5a3c40;
  --ube-muted:#82666a;
  --ube-muted-2:#9a7f82;
  --ube-gold:#9d2335;
  --ube-gold-soft:#7e1428;
  --ube-accent-rgb:157,35,53;
  --ube-on-accent:#ffffff;
  --ube-code-bg:#35171c;
  --ube-code-text:#fff4f2;
  --ube-archive-bg:#fbf4ef;
  --ube-archive-panel:#ffffff;
  --ube-archive-text:#35171c;
  --ube-archive-body:#5a3c40;
  --ube-archive-muted:#876c70;
  --ube-archive-line:rgba(99,25,38,.14);
  --ube-archive-gold:#9d2335;
  --ube-archive-accent-rgb:157,35,53;
  --ube-archive-on-accent:#ffffff;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(157,35,53,.14),transparent 68%),linear-gradient(135deg,#fffaf6,#f2dfdd 74%);
}
html body.ube-theme-burgundy-editorial .ube-panels{--ubep-gold:#9d2335;--ubep-line:rgba(255,255,255,.22);--ubep-accent-rgb:157,35,53;--ubep-on-accent:#fff}

html body.ube-theme-violet-night{
  color-scheme:dark;
  --ube-bg:#0f0b18;
  --ube-bg-soft:#140e20;
  --ube-panel:#191126;
  --ube-panel-2:#211631;
  --ube-line:rgba(220,205,255,.11);
  --ube-line-strong:rgba(220,205,255,.2);
  --ube-text:#f7f2ff;
  --ube-body:#d8cdec;
  --ube-muted:#a495b9;
  --ube-muted-2:#7f718f;
  --ube-gold:#a78bfa;
  --ube-gold-soft:#ddd6fe;
  --ube-accent-rgb:167,139,250;
  --ube-on-accent:#160f22;
  --ube-code-bg:#08050d;
  --ube-code-text:#eee7ff;
  --ube-archive-bg:#0f0b18;
  --ube-archive-panel:#191126;
  --ube-archive-text:#f7f2ff;
  --ube-archive-body:#d8cdec;
  --ube-archive-muted:#9b8aaa;
  --ube-archive-line:rgba(220,205,255,.11);
  --ube-archive-gold:#a78bfa;
  --ube-archive-accent-rgb:167,139,250;
  --ube-archive-on-accent:#160f22;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(167,139,250,.18),transparent 68%),linear-gradient(135deg,#241639,#0e0918 74%);
}
html body.ube-theme-violet-night .ube-panels{--ubep-gold:#a78bfa;--ubep-line:rgba(220,205,255,.16);--ubep-accent-rgb:167,139,250;--ubep-on-accent:#160f22}

html body.ube-theme-terracotta-sand{
  color-scheme:light;
  --ube-bg:#f6efe7;
  --ube-bg-soft:#eee2d6;
  --ube-panel:#fffaf5;
  --ube-panel-2:#ead8c9;
  --ube-line:rgba(91,55,39,.14);
  --ube-line-strong:rgba(91,55,39,.24);
  --ube-text:#3c2922;
  --ube-body:#634b40;
  --ube-muted:#846d61;
  --ube-muted-2:#9a8478;
  --ube-gold:#c65d3b;
  --ube-gold-soft:#9b3f25;
  --ube-accent-rgb:198,93,59;
  --ube-on-accent:#24120d;
  --ube-code-bg:#35231d;
  --ube-code-text:#fff3e9;
  --ube-archive-bg:#f6efe7;
  --ube-archive-panel:#fffaf5;
  --ube-archive-text:#3c2922;
  --ube-archive-body:#634b40;
  --ube-archive-muted:#846d61;
  --ube-archive-line:rgba(91,55,39,.14);
  --ube-archive-gold:#c65d3b;
  --ube-archive-accent-rgb:198,93,59;
  --ube-archive-on-accent:#24120d;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(198,93,59,.17),transparent 68%),linear-gradient(135deg,#fff9f2,#ead8c8 74%);
}
html body.ube-theme-terracotta-sand .ube-panels{--ubep-gold:#c65d3b;--ubep-line:rgba(255,255,255,.22);--ubep-accent-rgb:198,93,59;--ubep-on-accent:#24120d}

html body.ube-theme-cobalt-tech{
  color-scheme:light;
  --ube-bg:#eef5ff;
  --ube-bg-soft:#e2edff;
  --ube-panel:#ffffff;
  --ube-panel-2:#dbe7fb;
  --ube-line:rgba(18,58,126,.14);
  --ube-line-strong:rgba(18,58,126,.24);
  --ube-text:#102248;
  --ube-body:#35496f;
  --ube-muted:#687a9a;
  --ube-muted-2:#8190ab;
  --ube-gold:#1e5eff;
  --ube-gold-soft:#1749c4;
  --ube-accent-rgb:30,94,255;
  --ube-on-accent:#ffffff;
  --ube-code-bg:#0c1b3a;
  --ube-code-text:#edf4ff;
  --ube-archive-bg:#eef5ff;
  --ube-archive-panel:#ffffff;
  --ube-archive-text:#102248;
  --ube-archive-body:#35496f;
  --ube-archive-muted:#687a9a;
  --ube-archive-line:rgba(18,58,126,.14);
  --ube-archive-gold:#1e5eff;
  --ube-archive-accent-rgb:30,94,255;
  --ube-archive-on-accent:#ffffff;
  --ube-archive-hero-bg:radial-gradient(700px 360px at 82% 18%,rgba(30,94,255,.15),transparent 68%),linear-gradient(135deg,#f8fbff,#dfeaff 74%);
}
html body.ube-theme-cobalt-tech .ube-panels{--ubep-gold:#1e5eff;--ubep-line:rgba(255,255,255,.22);--ubep-accent-rgb:30,94,255;--ubep-on-accent:#fff}

/* Keep image-based panels readable, while letting every palette drive accents. */
html body[class*="ube-theme-"] .ube-blog-progress span{box-shadow:0 0 18px rgba(var(--ube-accent-rgb),.55)}
html body[class*="ube-theme-"] .ube-blog-hero__shade::after{background:radial-gradient(760px 420px at 74% 44%,rgba(var(--ube-accent-rgb),.11),transparent 72%)}
html body[class*="ube-theme-"] .ube-blog-hero__avatar{border-color:rgba(var(--ube-accent-rgb),.48)}
html body[class*="ube-theme-"] .ube-blog-related-card:hover{border-color:rgba(var(--ube-accent-rgb),.48)}
html body[class*="ube-theme-"] .ube-blog-related-card__media{background:radial-gradient(circle at 70% 20%,rgba(var(--ube-accent-rgb),.18),transparent 46%),#15181d}
html body[class*="ube-theme-"] .ube-blog-related-card__media i{color:rgba(var(--ube-accent-rgb),.5)}
html body[class*="ube-theme-"] .ube-archive-card:hover{border-color:rgba(var(--ube-archive-accent-rgb),.46)!important}
html body[class*="ube-theme-"] .ube-archive-card__placeholder{color:rgba(var(--ube-archive-accent-rgb),.5)}
html body[class*="ube-theme-"] .ube-panel-tile.is-visible:hover{border-color:rgba(var(--ubep-accent-rgb),.52)}