/* Shared V3 semantic palette and reader rules; no second preference store. */
html:root {
  --co-preview-bold:linear-gradient(135deg,#354e70,#56334f,#a33843);
  --co-preview-grounded:linear-gradient(135deg,#654023,#b66b25,#783523);
  --co-preview-clear:linear-gradient(135deg,#b6dce9,#84b5c8,#3b7288);
  --co-reader-size: 16px; --co-reader-line: 1.65; --co-reader-gap: 16px; --co-reader-weight: 400;
  --co-heading-size: 28px; --co-heading-line: 1.2; --co-heading-weight: 600;
  --co-on-image: #fff; --co-image-muted: rgba(255,255,255,.82);
  --co-action-shadow: 0 8px 20px rgba(0,0,0,.15);
  --co-card-border: rgba(255,255,255,.22);
}
/* 2026-10-13 supersedes vivid full-screen themes. Original neutral tokens,
   including hero/warm gradients, glass and text, remain in index-BvOeaBJN.css. */
html:root {
  --co-home-background:linear-gradient(180deg, rgba(18,22,40,0.34) 0%, rgba(18,22,40,0.05) 16%, rgba(0,0,0,0) 55%, rgba(20,10,6,0.18) 100%), url(/images/figma-assets/home-bg.png) center top / cover no-repeat, #151A2E;
  --co-card-border:rgba(255,255,255,.8);
}
html:root[data-co-theme="bold"] {
  --co-active-gradient:linear-gradient(125deg,#354e70 0%,#56334f 52%,#a33843 100%);
  --gradient-glow:var(--co-active-gradient);
}
html:root[data-co-theme="grounded"] {
  --co-active-gradient:linear-gradient(125deg,#654023 0%,#b66b25 57%,#783523 100%);
  --gradient-glow:var(--co-active-gradient);
}
html:root[data-co-theme="clear"] {
  --co-active-gradient:linear-gradient(125deg,#31657d 0%,#638ca1 55%,#34596d 100%);
  --gradient-glow:var(--co-active-gradient);
}
.co-reader { font-size:var(--co-reader-size); line-height:var(--co-reader-line); font-weight:var(--co-reader-weight); color:var(--color-text-primary); margin:0 0 var(--co-reader-gap); letter-spacing:0; }
.co-reader-heading { font-size:var(--co-heading-size); line-height:var(--co-heading-line); font-weight:var(--co-heading-weight); letter-spacing:0; }
.co-side-actions { display:flex; flex-direction:column; gap:10px; align-items:flex-end; margin:12px 0 18px; }
.co-icon-action { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid var(--co-card-border); background:var(--co-active-gradient); color:var(--co-on-image); box-shadow:var(--co-action-shadow); cursor:pointer; }
.co-close-heading { font-size:22px; font-weight:600; line-height:1.25; text-align:center; text-wrap:balance; margin:0 auto 12px; max-width:340px; color:var(--color-text-primary); letter-spacing:0; }
.co-close-body { font-size:16px; font-weight:400; line-height:1.55; text-wrap:balance; text-align:center; margin:0 auto 22px; max-width:342px; color:var(--color-text-secondary); }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }