/* Switchable palettes. The default theme is the :root block in style.css (config "theme": "current").
   Apply another palette by setting "theme" in src/config.json to blush, sage, rosegold, or lavender, then rebuild.
   Button and text colors are darkened enough for WCAG AA (4.5:1) on white and on the page background. */
html[data-theme="blush"]{
  --color-bg:#FBF4EE;
  --color-surface:#FFFFFF;
  --color-secondary:#F8E6EA;
  --color-text:#3A2230;
  --color-muted:#6A4556;
  --color-border:#EADFD6;
  --color-primary:#6B2E4A;
  --color-primary-dark:#4E2036;
  --color-accent:#D4B483;
  --color-accent-ink:#7A5424;
  --color-accent-ink-hover:#634418;
  --color-accent-ink-active:#523614;
  --color-star:#8A6420;
  --color-warning:#8A6420;
  --color-focus:#6B2E4A;
  --color-mono-bg:#F8E6EA;
  --color-mono-ink:#6B2E4A;
  --color-footer-accent:#E7D3A8;
  --color-mark-spark:#F8E4EA;
  --shadow:0 4px 16px rgba(107,46,74,.08);
}
html[data-theme="sage"]{
  --color-bg:#F4EFE6;
  --color-surface:#FFFCF8;
  --color-secondary:#E4EDE6;
  --color-text:#2C2A26;
  --color-muted:#5C574E;
  --color-border:#E4D9CC;
  --color-primary:#245443;
  --color-primary-dark:#1A3C30;
  --color-accent:#C6B396;
  --color-accent-ink:#245443;
  --color-accent-ink-hover:#1A3C30;
  --color-accent-ink-active:#142E26;
  --color-star:#7A5E32;
  --color-warning:#7A5E32;
  --color-focus:#245443;
  --color-mono-bg:#E4EDE6;
  --color-mono-ink:#245443;
  --color-footer-accent:#E6D3B8;
  --color-mark-spark:#E7F0EA;
  --shadow:0 4px 16px rgba(36,84,67,.08);
}
html[data-theme="rosegold"]{
  --color-bg:#FBF6F1;
  --color-surface:#FFFFFF;
  --color-secondary:#F8E8E2;
  --color-text:#3C2822;
  --color-muted:#6B514A;
  --color-border:#EADDD4;
  --color-primary:#6A3B32;
  --color-primary-dark:#4E2A24;
  --color-accent:#E0B0A0;
  --color-accent-ink:#8A453C;
  --color-accent-ink-hover:#73382F;
  --color-accent-ink-active:#5E2E27;
  --color-star:#9A5A32;
  --color-warning:#9A5A32;
  --color-focus:#6A3B32;
  --color-mono-bg:#F8E8E2;
  --color-mono-ink:#6A3B32;
  --color-footer-accent:#F0C7BA;
  --color-mark-spark:#F8E4DC;
  --shadow:0 4px 16px rgba(106,59,50,.08);
}
html[data-theme="lavender"]{
  --color-bg:#F7F5F8;
  --color-surface:#FFFFFF;
  --color-secondary:#EBE4F2;
  --color-text:#2A2433;
  --color-muted:#5C5668;
  --color-border:#E3DEE8;
  --color-primary:#4C3566;
  --color-primary-dark:#38264C;
  --color-accent:#C5C0C8;
  --color-accent-ink:#5A3F78;
  --color-accent-ink-hover:#4A3264;
  --color-accent-ink-active:#3C2852;
  --color-star:#6E5A32;
  --color-warning:#6E5A32;
  --color-focus:#4C3566;
  --color-mono-bg:#EBE4F2;
  --color-mono-ink:#4C3566;
  --color-footer-accent:#E4DCEC;
  --color-mark-spark:#F1EAF6;
  --shadow:0 4px 16px rgba(76,53,102,.08);
}
/* Burgundy primary (Georgian cornel-cherry) with a soft pink accent. Active site theme. */
html[data-theme="burgundy-rose"]{
  --color-bg:#F7F3EE;
  --color-surface:#FFFFFF;
  --color-secondary:#F6D6DF;
  --color-text:#1F2A2E;
  --color-muted:#5E5558;
  --color-border:#E3DED6;
  --color-primary:#B01030;
  --color-primary-dark:#8E1024;
  --color-accent:#E8A0B4;
  --color-accent-ink:#B01030;
  --color-accent-ink-hover:#8E1024;
  --color-accent-ink-active:#7A0E1E;
  --color-star:#B7791F;
  --color-warning:#B7791F;
  --color-focus:#B01030;
  --color-success:#B01030;
  --color-mono-bg:#F6D6DF;
  --color-mono-ink:#B01030;
  --color-footer-accent:#F6D6DF;
  --color-footer-muted:#F6D6DF;
  --color-mark-spark:#F6D6DF;
  --color-stripe:#F6D6DF;
  --color-wa:#B01030;
  --color-wa-border:#E8A0B4;
  --shadow-rgb:176,16,48;
  --shadow:0 4px 16px rgba(176,16,48,.08);
}
html[data-theme="burgundy-rose"] .wordmark .ln2{color:#C41E3A}
html[data-theme="burgundy-rose"] .search select{
  background-color:#fff;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B01030' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px;
}
html[dir="rtl"][data-theme="burgundy-rose"] .search select{background-position:left 14px center}
/* Glamour: champagne is a third accent. Burgundy stays the primary. Cormorant stays the heading face. */
html[data-theme="burgundy-rose"]{
  --color-gold:#C9A86A;
  --color-gold-ink:#A6843E;
  --color-star:#A6843E;
  --color-warning:#A6843E;
  --font-heading:"Cormorant Garamond","Noto Sans Georgian","Rubik",serif;
}
html[data-theme="burgundy-rose"] header{
  background:linear-gradient(180deg,#fffefb 0%,#FBF6F0 100%);
  border-block-end:2px solid #C9A86A;
}
html[data-theme="burgundy-rose"] nav a:hover,
html[data-theme="burgundy-rose"] .lang a:hover{
  color:var(--color-primary);
  box-shadow:inset 0 -2px 0 #C9A86A;
}
html[data-theme="burgundy-rose"] .lang a.on{
  border-block-end:2px solid #C9A86A;
  box-shadow:none;
}
html[data-theme="burgundy-rose"] .hero{position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%,rgba(232,160,180,.5),transparent 58%),
    radial-gradient(ellipse 46% 55% at 0% 100%,rgba(201,168,106,.28),transparent 60%),
    linear-gradient(165deg,#F7F3EE 0%,#F8E4EB 42%,#FBF6EE 100%);
}
html[data-theme="burgundy-rose"] .hero::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 32%,#fff 0 1.4px,rgba(201,168,106,.55) 1.6px,transparent 6px),
    radial-gradient(circle at 28% 18%,rgba(201,168,106,.9) 0 1.2px,transparent 4px),
    radial-gradient(circle at 46% 72%,#fff 0 1px,rgba(232,160,180,.45) 1.4px,transparent 5px),
    radial-gradient(circle at 68% 24%,#fff 0 1.6px,rgba(201,168,106,.5) 2px,transparent 7px),
    radial-gradient(circle at 82% 58%,rgba(201,168,106,.85) 0 1.3px,transparent 5px),
    radial-gradient(circle at 92% 16%,#fff 0 1px,rgba(246,214,223,.7) 1.5px,transparent 5px),
    radial-gradient(circle at 58% 40%,rgba(255,255,255,.95) 0 1px,transparent 3px);
}
html[data-theme="burgundy-rose"] .hero .wrap{position:relative;z-index:1}
html[data-theme="burgundy-rose"] .hero h1::after{
  content:"";
  display:block;
  width:7rem;
  height:3px;
  margin-block-start:.7rem;
  border-radius:3px;
  background:linear-gradient(90deg,#8E1024 0%,#C9A86A 38%,#F6E7C1 62%,#C9A86A 100%);
  background-size:200% 100%;
  animation:gold-sheen 5.5s ease-in-out infinite alternate;
}
@keyframes gold-sheen{from{background-position:0% 50%}to{background-position:100% 50%}}
html[data-theme="burgundy-rose"] h1{font-weight:600;letter-spacing:-.015em}
html[data-theme="burgundy-rose"] h2{font-weight:600;letter-spacing:-.01em}
html[data-theme="burgundy-rose"] .wordmark{letter-spacing:.05em;font-weight:600}
html[data-theme="burgundy-rose"] .wordmark .ln2{
  letter-spacing:.14em;font-weight:600;
  background-image:linear-gradient(90deg,transparent,#C9A86A,transparent);
  background-repeat:no-repeat;background-size:100% 1.5px;background-position:0 100%;
  padding-block-end:2px;
}
html[data-theme="burgundy-rose"] .search{
  background:rgba(255,252,248,.72);
  border:1.5px solid rgba(201,168,106,.85);
  box-shadow:0 18px 40px rgba(176,16,48,.1),inset 0 1px 0 #fff;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
html[data-theme="burgundy-rose"] .search select,
html[data-theme="burgundy-rose"] .search input[type=search]{background-color:#fff}
html[data-theme="burgundy-rose"] .card,
html[data-theme="burgundy-rose"] .cbox{
  border:1px solid rgba(201,168,106,.62);
  box-shadow:0 16px 36px rgba(176,16,48,.09),inset 0 1px 0 #fff;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
html[data-theme="burgundy-rose"] .card:hover{
  transform:translateY(-4px);
  border-color:#C9A86A;
  box-shadow:0 22px 44px rgba(176,16,48,.14),0 0 28px rgba(201,168,106,.35);
}
html[data-theme="burgundy-rose"] .ctrack>.card{position:relative}
html[data-theme="burgundy-rose"] .ctrack>.card::after{
  content:"";
  position:absolute;top:12px;inset-inline-end:12px;width:11px;height:11px;pointer-events:none;
  background:
    linear-gradient(#C9A86A,#C9A86A) center/11px 1.5px no-repeat,
    linear-gradient(#C9A86A,#C9A86A) center/1.5px 11px no-repeat,
    radial-gradient(circle at center,#fff 0 1.5px,transparent 2px);
}
html[data-theme="burgundy-rose"] .btn{
  box-shadow:inset 0 0 0 1px rgba(201,168,106,.45),0 8px 18px rgba(176,16,48,.12);
}
html[data-theme="burgundy-rose"] .btn:hover{
  box-shadow:inset 0 0 0 2px #E4C98A,0 10px 22px rgba(176,16,48,.2);
}
html[data-theme="burgundy-rose"] .cbtn:hover{border-color:#C9A86A;box-shadow:0 0 0 1px rgba(201,168,106,.45)}
html[data-theme="burgundy-rose"] img.clogo{border-color:#E4C98A;box-shadow:0 0 0 1px rgba(201,168,106,.28)}
html[data-theme="burgundy-rose"] img.clogo.on-dark{background:#212529;border-color:#212529;box-shadow:none}
html[data-theme="burgundy-rose"] .note{border-inline-start:4px solid var(--color-gold)}
html[data-theme="burgundy-rose"] footer{
  background-image:
    radial-gradient(circle at 8% 30%,rgba(246,214,223,.55) 0 1.2px,transparent 4px),
    radial-gradient(circle at 22% 72%,rgba(201,168,106,.7) 0 1.2px,transparent 4px),
    radial-gradient(circle at 48% 22%,rgba(255,255,255,.45) 0 1px,transparent 3.5px),
    radial-gradient(circle at 70% 64%,rgba(232,160,180,.55) 0 1.3px,transparent 4.5px),
    radial-gradient(circle at 88% 28%,rgba(201,168,106,.65) 0 1.2px,transparent 4px),
    linear-gradient(180deg,#C41E3A,#B01030 40%,#8E1024);
}
@media (prefers-reduced-motion:reduce){
  html[data-theme="burgundy-rose"] .hero h1::after,
  html[data-theme="burgundy-rose"] .card{animation:none;transition:none}
  html[data-theme="burgundy-rose"] .card:hover{transform:none}
}