:root {
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Slate palette (Tailwind) */
  --color-ink: #0f172a;          /* slate-900 */
  --color-ink-soft: #334155;     /* slate-700 */
  --color-muted: #64748b;        /* slate-500 */
  --color-faint: #94a3b8;        /* slate-400 */
  --color-line: #e2e8f0;         /* slate-200 */
  --color-line-soft: #f1f5f9;    /* slate-100 */
  --color-tint: #f8fafc;         /* slate-50 */
  --color-surface: #ffffff;
  --color-dark: #020617;         /* slate-950 */
  --color-dark-overlay: rgba(2, 6, 23, 0.6);

  --color-focus: #0f172a;
  --radius-card: 12px;
  --radius-control: 8px;
  --container: 80rem;
}