/* Shared dark palette. Blurple follows Discord's official #5865F2 brand color. */
body.studio,body.studio-login,body.studio-admin,body.studio-public{
  --bg:#1e1f22;
  --surface:#2b2d31;
  --card:var(--surface);
  --card-2:#313338;
  --card-3:#383a40;
  --line:#3f4147;
  --line-2:#4e5058;
  --text:#f2f3f5;
  --muted:#b5bac1;
  --faint:#a5abb4;
  --accent:#5865f2;
  --accent-2:#9da5ff;
  --accent-hover:#4752c4;
  --accent-soft:#343856;
  --accent-line:#626cef;
  --on-accent:#fff;
  --pos:#6ed69b;
  --pos-soft:#243b31;
  --pos-line:#3d6550;
  --neg:#ff969e;
  --neg-soft:#442b31;
  --neg-line:#75444d;
  --warn:#f0c66e;
  --warn-soft:#40392b;
  --warn-line:#716044;
  --danger-fill:#b93649;
  --focus-ring:#99a1ff;
  --shadow:0 3px 14px #00000012;
  --shadow-sm:0 2px 8px #00000012;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --type-meta:11px;
  --type-small:12px;
  --type-label:13px;
  --type-body:14px;
  --type-title:16px;
  --type-page:32px;
  --motion-fast:120ms;
  --motion-base:180ms;
  --motion-ease:cubic-bezier(.2,.8,.2,1);
  /* Existing renderers use these aliases. */
  --txt:var(--text);
  --data:var(--text);
  --panel:var(--surface);
  --panel2:var(--card-2);
  --panel-2:var(--card-2);
  --panel3:var(--card-3);
  --card2:var(--card-2);
  --border:var(--line);
  --border2:var(--line-2);
  --border-2:var(--line-2);
  --accent-strong:var(--accent-hover);
  --accent2:var(--accent-2);
  --indigo:var(--accent-2);
  --cyan:#8ccdd9;
  --violet:#c1a0ed;
  --green:var(--pos);
  --yellow:var(--warn);
  --red:var(--neg);
  --ok:var(--pos);
  --focus:var(--focus-ring);
  --pink:#eaa0c9;
  --amber:var(--warn);
  --blue:var(--accent-2);
  --gold:var(--warn);
  color-scheme:dark;
}