/* Light mode: Apple HIG–style palette */
:root {
  --background-body: #f5f5f7;
  --background: #ffffff;
  --background-alt: #ffffff;
  --text-main: #1d1d1f;
  --text-bright: #1d1d1f;
  --text-muted: #86868b;
  --links: #0066cc;
  --focus: #0066cc;
  --border: #d2d2d7;
  --selection: #b3d7ff;
  --code: #1d1d1f;
  --button-base: #e8e8ed;
  --button-hover: #d2d2d7;
  --scrollbar-thumb: #d2d2d7;
  --scrollbar-thumb-hover: #86868b;
  --form-placeholder: #86868b;
  --form-text: #1d1d1f;
  --variable: #0066cc;
  --highlight: #ffcc00;
  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%231d1d1f'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}

/* Dark mode: higher-contrast palette for readability */
[data-theme="dark"] {
  color-scheme: dark;
  --background-body: #0d0d0d;
  --background: #1a1a1c;
  --background-alt: #222224;
  --text-main: #e8e8ec;
  --text-bright: #f2f2f6;
  --text-muted: #b8b8be;
  --links: #5eb3ff;
  --focus: #5eb3ff;
  --border: #404044;
  --selection: #0a84ff;
  --code: #e8e8ec;
  --button-base: #2e2e32;
  --button-hover: #3c3c40;
  --scrollbar-thumb: #404044;
  --scrollbar-thumb-hover: #505054;
  --form-placeholder: #b8b8be;
  --form-text: #e8e8ec;
  --variable: #7dd8ff;
  --highlight: #ffd60a;
  --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23f2f2f6'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}

[data-theme="dark"] html {
  scrollbar-color: #404044 #0d0d0d;
}