:root {
  color-scheme: light;
  --brand-purple-soft: #a695a9;
  --brand-purple-soft-rgb: 166, 149, 169;
  --brand-purple-deep: #5a2f62;
  --brand-purple-deep-rgb: 90, 47, 98;
  --brand-purple-bright: #c088ca;
  --brand-purple-bright-rgb: 192, 136, 202;
  --brand-cyan: #5cfff4;
  --brand-cyan-rgb: 92, 255, 244;
  --brand-indigo: #5c6bc0;
  --brand-indigo-rgb: 92, 107, 192;

  --bg: #f8f3f9;
  --bg-rgb: 248, 243, 249;
  --panel: rgba(255, 255, 255, 0.9);
  --panel-strong: #ffffff;
  --panel-strong-rgb: 255, 255, 255;
  --line: rgba(var(--brand-purple-deep-rgb), 0.16);
  --text: #261b29;
  --text-rgb: 38, 27, 41;
  --muted: rgba(58, 40, 64, 0.66);
  --soft: rgba(var(--brand-purple-bright-rgb), 0.12);
  --accent: var(--brand-purple-deep);
  --accent-rgb: var(--brand-purple-deep-rgb);
  --accent-strong: var(--brand-purple-bright);
  --accent-strong-rgb: var(--brand-purple-bright-rgb);
  --warm: var(--brand-purple-soft);
  --warm-rgb: var(--brand-purple-soft-rgb);
  --highlight: var(--brand-cyan);
  --highlight-rgb: var(--brand-cyan-rgb);
  --danger: #d3385a;
  --shadow: rgba(var(--brand-purple-deep-rgb), 0.14);
  --grid-line: rgba(var(--brand-purple-bright-rgb), 0.13);
  --nav-light-edge: rgba(var(--brand-purple-deep-rgb), 0.96);
  --nav-light-center: rgba(var(--brand-purple-bright-rgb), 0.94);
  --nav-light-shadow: rgba(var(--brand-purple-deep-rgb), 0.22);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101315;
  --bg-rgb: 16, 19, 21;
  --panel: rgba(23, 29, 31, 0.86);
  --panel-strong: #1d2728;
  --panel-strong-rgb: 29, 39, 40;
  --line: rgba(229, 255, 245, 0.13);
  --text: #f2fff8;
  --text-rgb: 242, 255, 248;
  --muted: rgba(242, 255, 248, 0.68);
  --soft: rgba(242, 255, 248, 0.08);
  --accent: #9af2c9;
  --accent-rgb: 154, 242, 201;
  --accent-strong: #37d69a;
  --accent-strong-rgb: 55, 214, 154;
  --warm: #ffd38a;
  --warm-rgb: 255, 211, 138;
  --highlight: var(--brand-cyan);
  --highlight-rgb: var(--brand-cyan-rgb);
  --danger: #ff8f8f;
  --shadow: rgba(0, 0, 0, 0.32);
  --grid-line: rgba(var(--text-rgb), 0.035);
}