:root {
  color-scheme: dark;
  --background-color: #0b0e11;
  --surface-color: #11161b;
  --surface-alt-color: #141b21;
  --surface-hover: #1b242c;
  --editor-color: #0e1318;
  --input-color: #0d1217;
  --text-color: #e4ecf2;
  --text-secondary: #a1b0bc;
  --text-muted: #8798a6;
  --border-color: #26313b;
  --primary-color: #67dce5;
  --accent-tint: #67dce514;
  --accent-border: #67dce539;
  --success-color: #c0ef83;
  --success-hover: #d1f6a3;
  --on-success: #18220d;
  --success-tint: #c0ef8318;
  --warning-color: #f0c77c;
  --danger-color: #ff929d;
  --danger-tint: #ff718512;
  --danger-border: #ff718540;
  --selection-color: #28545f;
  --code-comment: #8598a5;
  --code-keyword: #bdadfa;
  --code-number: #edc78c;
  --shadow: 0 16px 45px #00000055;
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}
:root[data-theme='light'] {
  color-scheme: light;
  --background-color: #edf1f3;
  --surface-color: #ffffff;
  --surface-alt-color: #f6f8f9;
  --surface-hover: #eaf0f3;
  --editor-color: #fcfdfd;
  --input-color: #f4f7f8;
  --text-color: #1e2d38;
  --text-secondary: #506574;
  --text-muted: #627685;
  --border-color: #d9e2e8;
  --primary-color: #087b87;
  --accent-tint: #087b8710;
  --accent-border: #087b8730;
  --success-color: #48711b;
  --success-hover: #3b6014;
  --on-success: #ffffff;
  --success-tint: #74a44112;
  --warning-color: #916212;
  --danger-color: #bc354b;
  --danger-tint: #bc354b0b;
  --danger-border: #bc354b30;
  --selection-color: #c5e8ec;
  --code-comment: #667e8c;
  --code-keyword: #7851b2;
  --code-number: #93620e;
  --shadow: 0 16px 45px #18354418;
}