/* Optional palettes only. The default dark mauve rules remain in style.css. */
:root[data-theme="light"] {
  color-scheme:light;
  --bg-main:#f4f2ef; --bg-elevated:#fff; --bg-elevated-2:#f3f1ee;
  --text:#242329; --muted:#55515a; --system-line:#625a64;
  --border:#d5cfd2; --border-2:#e4dfe1;
  --accent:#b52d29; --accent-soft:#b52d2912;
  --good:#16743a; --warn:#865100; --info:#235da8;
  --chat-bg:#faf8f6; --bubble:#fff; --bubble-me:#ffebe6;
  --bubble-border:#dcd5d7; --input:#fff; --pill:#efebed; --pill-border:#d5cfd2;
  --me-border:#c95049; --me-border-soft:#c950491c;
  --reply-bg:#f1edef; --reply-border:#d4cbd0;
  --shadow:0 12px 30px #30232b12; --mention-shadow:0 14px 32px #30232b25;
  --bg-grad:radial-gradient(ellipse at 95% 55%,#f6dfd9 0%,transparent 58%),linear-gradient(180deg,#faf8f6,#f0edf0);
  --panel-bg:#ffffffed; --panel-bg-2:#faf8f6ed; --bg-veil:#30232b03;
}
:root[data-theme="light"] .header { background:linear-gradient(135deg,#fff,#f5eeeb); }
:root[data-theme="light"] .bubble { box-shadow:0 4px 12px #30232b0a; }
:root[data-theme="light"] .chat-msg.me .bubble { box-shadow:0 4px 12px #30232b0a,0 0 0 1px var(--me-border-soft) inset; }
:root[data-theme="light"] .badge.admin { color:#922723;background:#fce4e1;border-color:#dca29b; }
:root[data-theme="light"] .badge.mod { color:#24538a;background:#e8f0fc;border-color:#a9bedb; }
:root[data-theme="light"] .badge.user { color:#21653b;background:#e5f3e9;border-color:#a2c8ae; }
:root[data-theme="light"] .badge.guest { color:#794b08;background:#fff0d5;border-color:#d6bd92; }
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder { color:#6b626c;opacity:1; }

:root[data-theme="ember"] {
  color-scheme:dark;
  --bg-main:#101113; --bg-elevated:#1b1b1e; --bg-elevated-2:#242124;
  --text:#f7f7f8; --muted:#bfc0c6; --system-line:#c5b8b8;
  --border:#ffffff24; --border-2:#ffffff16;
  --accent:#ff615b; --accent-soft:#ff615b1f;
  --chat-bg:#101113; --bubble:#202124; --bubble-me:#382324;
  --bubble-border:#ffffff24; --input:#151518; --pill:#ffffff0f; --pill-border:#ffffff24;
  --me-border:#ff615b99; --me-border-soft:#ff615b26;
  --reply-bg:#ffffff09; --reply-border:#ffffff24;
  --shadow:0 14px 35px #0003; --mention-shadow:0 18px 40px #0007;
  /* Cropped red ring, matching the directory and calendar title cards. */
  --ember-ring-inner:clamp(145px,26vw,330px);
  --bg-grad:linear-gradient(to bottom right,#601b21 0%,#3e181d 16%,#28161a 34%,#181316 54%,#101113 76%,#101113 100%);
  --panel-bg:#1b1b1eea; --panel-bg-2:#242124eb; --bg-veil:#ffffff05;
}
:root[data-theme="ember"] .header { background:radial-gradient(circle at calc(100% - 40px) 0,transparent 84px,rgba(239,49,57,.11) 85px,rgba(239,49,57,.11) 139px,transparent 140px),linear-gradient(to bottom right,#601b21 0%,#38171c 22%,#211518 44%,#101113 72%,#101113 100%); }
:root[data-theme="ember"] .btn:not(.secondary) { background:#ff615b;color:#171113;border-color:#ff8e88; }
:root[data-theme="ember"] #welcomeModal .card { background:#1b1b1e !important;background-image:none !important;border-color:#ffffff24 !important; }
:root[data-theme="ember"] #welcomeModal :is(input,select,textarea,.input) { background:#151518 !important;color:#f7f7f8 !important;border-color:#ffffff24 !important; }
:root[data-theme="ember"] #welcomeModal .btn:not(.secondary) { background:#ff615b !important;color:#171113 !important; }
:root[data-theme="ember"] #welcomeModal :is(.tab.active,.tabs button.active,[role="tab"][aria-selected="true"]) { background:#ff615b !important;color:#171113 !important;border-color:#ff8e88 !important; }
:root[data-theme="ember"] :is(button,a,input,textarea,select):focus-visible { outline-color:#ff8e88; }

/* Paint inside the message viewport so the ring stays behind the chat itself. */
:root[data-theme="ember"] #app #chatScroll {
  --ember-canvas-ring:clamp(110px,22vw,270px);
  background-image:radial-gradient(circle at 88% 30%,transparent calc(var(--ember-canvas-ring) - 1px),rgba(239,49,57,.12) var(--ember-canvas-ring),rgba(239,49,57,.12) calc(var(--ember-canvas-ring) + 55px),transparent calc(var(--ember-canvas-ring) + 56px));
  background-repeat:no-repeat;
  background-attachment:scroll;
}