:root {
  color-scheme: dark;

  /* Color — ink */
  --color-ink-950: #070809;
  --color-ink-900: #0c0e10;
  --color-ink-850: #101316;
  --color-ink-800: #15191d;
  --color-ink-700: #1c2126;
  --color-ink-600: #262c33;
  --color-ink-500: #3a424b;
  --color-ink-400: #5a6470;

  /* Color — accent */
  --color-accent: #34f5a0;
  --color-accent-glow: #5cffb6;
  --color-accent-deep: #10b67a;

  /* Color — text & chrome */
  --color-text: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.55);
  --color-text-faint: rgba(255, 255, 255, 0.38);
  --color-line: rgba(255, 255, 255, 0.1);
  --color-fill: rgba(255, 255, 255, 0.03);
  --color-fill-strong: rgba(255, 255, 255, 0.06);
  --color-danger: #ff5c5c;

  /* Font — families */
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Font — size */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-display: 2.125rem;

  /* Font — weight */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}