/* Color, typography and responsive theme tokens. */

:root {
  color-scheme: light dark;
  --ink: #0e1730;
  --indigo: #2957e8;
  --cyan: #16c3d9;
  --paper: #ffffff;
  --cool: #f5f7fb;
  --muted: #536078;
  --line: #dce2ec;
  --tint: #edf2ff;
  --action-ink: #ffffff;
  --accent-line: rgb(41 87 232 / 52%);
  --accent-wash: rgb(41 87 232 / 4.5%);
  --cyan-wash: rgb(22 195 217 / 10%);
  --selected-line: #a9bdfb;
  --selected-ink: #2248b0;
  --surface-shadow: rgb(14 23 48 / 18%);
  --dialog-shadow: rgb(0 0 0 / 33%);
  --dialog-backdrop: rgb(14 23 48 / 72%);
  --art-ink: #0e1730;
  --art-paper: var(--cool);
  --art-label-paper: rgb(255 255 255 / 94%);
  --art-label-line: #dfe5f5;
  --art-shadow: rgb(14 23 48 / 15%);
  --font: Inter, 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --section-title-size: clamp(30px, 3.2vw, 44px);
  --section-space: 64px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --ink: #f5f7fb;
    --indigo: #a9c3ff;
    --cyan: #43d4e5;
    --paper: #0e1730;
    --cool: #141f37;
    --muted: #b9c6da;
    --line: #33415f;
    --tint: #1b2c55;
    --action-ink: #0e1730;
    --accent-line: rgb(169 195 255 / 72%);
    --accent-wash: rgb(169 195 255 / 10%);
    --cyan-wash: rgb(67 212 229 / 11%);
    --selected-line: #6f92ff;
    --selected-ink: #d6e2ff;
    --surface-shadow: rgb(0 0 0 / 38%);
    --dialog-shadow: rgb(0 0 0 / 58%);
    --dialog-backdrop: rgb(3 8 20 / 82%);
  }
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --ink: #f5f7fb;
  --indigo: #a9c3ff;
  --cyan: #43d4e5;
  --paper: #0e1730;
  --cool: #141f37;
  --muted: #b9c6da;
  --line: #33415f;
  --tint: #1b2c55;
  --action-ink: #0e1730;
  --accent-line: rgb(169 195 255 / 72%);
  --accent-wash: rgb(169 195 255 / 10%);
  --cyan-wash: rgb(67 212 229 / 11%);
  --selected-line: #6f92ff;
  --selected-ink: #d6e2ff;
  --surface-shadow: rgb(0 0 0 / 38%);
  --dialog-shadow: rgb(0 0 0 / 58%);
  --dialog-backdrop: rgb(3 8 20 / 82%);
}

:root[data-theme='light'] {
  color-scheme: light;
}