:root {
  color-scheme: light;
  --bg: #f5f2eb;
  --surface: #fbf9f4;
  --surface-raised: #fffefa;
  --text: #111c29;
  --muted: #4f6172;
  --accent: #005dbb;
  --button-bg: #005dbb;
  --button-text: #ffffff;
  --border: #d7dfe4;
  --control-border: #697e92;
  --art-line: #94b8d3;
  --shadow: 0 20px 65px rgb(23 58 85 / .09);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Segoe UI', Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #101c26; --surface: #192b38; --surface-raised: #203644;
    --text: #f6f3ec; --muted: #b2c3d1; --accent: #81c6ff;
    --button-bg: #005dbb; --button-text: #ffffff;
    --border: #314757; --control-border: #8098aa;
    --art-line: #6d99b7; --shadow: 0 20px 65px rgb(0 0 0 / .18);
  }
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101c26; --surface: #192b38; --surface-raised: #203644;
  --text: #f6f3ec; --muted: #b2c3d1; --accent: #81c6ff;
  --button-bg: #005dbb; --button-text: #ffffff;
  --border: #314757; --control-border: #8098aa;
  --art-line: #6d99b7; --shadow: 0 20px 65px rgb(0 0 0 / .18);
}