/* JYPE wash: dusty rose in light, wine in dark. Accent is a true red, not teal or orange. */
:root {
  --bg-0: #f2e7e8;
  --bg-1: #ead6d8;
  --accent: #c2273a;
  --bloom-a: rgba(194, 39, 58, 0.28);
  --bloom-b: rgba(210, 90, 80, 0.18);
  --bloom-c: rgba(140, 40, 55, 0.16);
  --glow: rgba(255, 236, 238, 0.18);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-resolved-theme="light"]) {
    --bg-0: #160c0f;
    --bg-1: #1d1114;
    --accent: #e07a82;
    --bloom-a: rgba(180, 60, 75, 0.28);
    --bloom-b: rgba(160, 70, 70, 0.16);
    --bloom-c: rgba(100, 35, 50, 0.22);
    --glow: rgba(236, 188, 192, 0.08);
    --lg-tint-rgb: 30, 16, 18;
  }
}

html[data-resolved-theme="dark"] {
  --bg-0: #160c0f;
  --bg-1: #1d1114;
  --accent: #e07a82;
  --bloom-a: rgba(180, 60, 75, 0.28);
  --bloom-b: rgba(160, 70, 70, 0.16);
  --bloom-c: rgba(100, 35, 50, 0.22);
  --glow: rgba(236, 188, 192, 0.08);
  --lg-tint-rgb: 30, 16, 18;
}

html[data-resolved-theme="light"] {
  --bg-0: #f2e7e8;
  --bg-1: #ead6d8;
  --accent: #c2273a;
  --bloom-a: rgba(194, 39, 58, 0.28);
  --bloom-b: rgba(210, 90, 80, 0.18);
  --bloom-c: rgba(140, 40, 55, 0.16);
  --glow: rgba(255, 236, 238, 0.18);
}

.yan-chat {
  --chat-orange: #c2273a;
  --chat-orange-rgb: 194, 39, 58;
}

@media (prefers-color-scheme: dark) {
  html:not([data-resolved-theme="light"]) .yan-chat {
    --chat-orange: #e07a82;
    --chat-orange-rgb: 224, 122, 130;
  }
}

html[data-resolved-theme="dark"] .yan-chat {
  --chat-orange: #e07a82;
  --chat-orange-rgb: 224, 122, 130;
}

html[data-resolved-theme="light"] .yan-chat {
  --chat-orange: #c2273a;
  --chat-orange-rgb: 194, 39, 58;
}