/* One shared palette for the website and product workspace. */
:root {
  color-scheme: dark;
  --ivory: #0b0d12;
  --surface: #151922;
  --surface-muted: #1c2230;
  --ink: #eef1f8;
  --muted: #a3adbf;
  --border: #2b3241;
  --line: var(--border);
  --blue: #4169ff;
  --blue-hover: #3157e8;
  --blue-soft: #1c2a52;
  --link: #a1b6ff;
  --coral: #ef8557;
  --teal: #69d5b6;
  --danger: #ffaca5;
  --danger-soft: #352025;
  --shadow: 0 16px 48px #0005;
}
:root[data-theme="light"] {
  color-scheme: light;
  --ivory: #f5f6fa;
  --surface: #ffffff;
  --surface-muted: #eef1f7;
  --ink: #171d2b;
  --muted: #586579;
  --border: #dce2ed;
  --blue-soft: #e9eeff;
  --link: #3451c9;
  --teal: #16745e;
  --danger: #a83036;
  --danger-soft: #fff0f1;
  --shadow: 0 16px 48px #192b4914;
}