/* One palette for the portal, account pages, editor, and floating menus. */
:root {
  color-scheme: dark;
  --bg: #141a22;
  --bg-soft: #18212b;
  --panel: #1c2430;
  --panel-2: #263240;
  --chrome: #222c39;
  --hover: #303e4e;
  --selected: #35485b;
  --line: #344251;
  --line-soft: #2b3846;
  --line-strong: #52687c;
  --text: #e3eaf0;
  --text-soft: #c5d0db;
  --muted: #9baab8;
  --subtle: #8393a3;
  --accent: #a0b9cf;
  --accent-2: #6d879e;
  --primary: #58758e;
  --primary-deep: #49647b;
  --primary-text: #f0f4f7;
  --primary-fill: linear-gradient(135deg, var(--primary), var(--primary-deep));
  --green: #88b9ad;
  --red: #f3a6ad;
  --warning: #e7c38c;
  --radius: 16px;
  --shadow: 0 14px 36px #0003;

  --studio-canvas: var(--bg);
  --studio-panel: var(--panel);
  --studio-chrome: var(--chrome);
  --studio-card: var(--panel-2);
  --studio-hover: var(--hover);
  --studio-active: var(--selected);
  --studio-line: var(--line);
  --studio-line-strong: var(--line-strong);
  --studio-accent: var(--accent);
  --studio-accent-line: var(--accent-2);
  --studio-heading: var(--text);
  --studio-body: var(--text-soft);
  --studio-muted: var(--muted);
  --studio-subtle: var(--subtle);
  --studio-wire: var(--green);
  --studio-wire-bright: #c0ded5;
  --studio-warning: var(--warning);
  --studio-danger: var(--red);
  --studio-symbol: #c5d2df;
  --studio-symbol-fill: #202b36;
  --studio-pin: #c5b69a;
  --studio-grid: #313f4d;
}