/* Desk Activity – site styles (supplement to Tailwind CDN) */
:root {
  --brand: #2563eb;
  --brand-dark: #1d4ed8;
  --ink: #0f172a;
  --muted: #475569;
  --bg: #ffffff;
  --bg-soft: #f8fafc;
  --border: #e2e8f0;
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: var(--bg); }

.brand-gradient {
  background: radial-gradient(1200px 500px at 10% -10%, rgba(37,99,235,0.18), transparent 60%),
              radial-gradient(900px 500px at 100% 0%, rgba(16,185,129,0.15), transparent 60%);
}

.prose-legal h2 { font-size: 1.25rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.5rem; color: var(--ink); }
.prose-legal p, .prose-legal li { color: var(--muted); line-height: 1.65; }
.prose-legal ul { list-style: disc; padding-left: 1.25rem; margin: 0.5rem 0 1rem; }
.prose-legal a { color: var(--brand); text-decoration: underline; }

.todo {
  display: inline-block;
  background: #fef3c7;
  color: #92400e;
  border: 1px dashed #f59e0b;
  padding: 0 0.4rem;
  border-radius: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
}