:root {
  color-scheme: dark;
  --color-page: #080910;
  --color-page-soft: #0d1018;
  --color-panel: #121722;
  --color-panel-strong: #171d2a;
  --color-line: rgba(255, 255, 255, 0.14);
  --color-line-strong: rgba(255, 255, 255, 0.24);
  --color-ink: #f7fbff;
  --color-muted: #b7c4d6;
  --color-muted-strong: #d4deeb;
  --color-teal: #32f0d4;
  --color-coral: #ff6b88;
  --color-gold: #f7c948;
  --color-violet: #9b7cff;
  --color-leaf: #77d66e;
  --shadow-soft: 0 22px 90px rgba(0, 0, 0, 0.38);
  --shadow-card: 0 18px 46px rgba(0, 0, 0, 0.28);
  --radius-card: 8px;
  --radius-control: 8px;
  --content-max: 1180px;
  --space-page: 1rem;
  --transition: 180ms ease;
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}