/* Shared base for form pages (signup + get-started).
   Each page loads this first, then its own stylesheet which may override
   --accent / --accent-ink / --accent-soft. */

:root {
  --bg: oklch(0.985 0.003 85);
  --bg-2: oklch(0.97 0.004 85);
  --ink: oklch(0.2 0.01 250);
  --ink-2: oklch(0.45 0.01 250);
  --ink-3: oklch(0.65 0.01 250);
  --line: oklch(0.9 0.004 250);
  --line-2: oklch(0.82 0.006 250);
  --card: #ffffff;
  --accent: oklch(0.66 0.12 185);
  --accent-ink: oklch(0.32 0.08 185);
  --accent-soft: oklch(0.94 0.04 185);

  /* Dark panel (left hero on form pages) */
  --dk: oklch(0.18 0.012 250);
  --dk-2: oklch(0.22 0.012 250);
  --dk-line: oklch(0.3 0.012 250);
  --dk-ink: oklch(0.94 0.004 250);
  --dk-ink-2: oklch(0.7 0.008 250);
  --dk-ink-3: oklch(0.55 0.008 250);

  /* Sky accent for left-panel keyword */
  --sky: hsl(210, 80%, 72%);
  --lime: hsl(80, 60%, 65%);

  --r: 12px;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0; background: var(--bg); color: var(--ink);
  font-family: "Inter Tight", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}