/* Shared visual tokens for the landing page and knowledge base. */
:root, html[data-theme="light"] {
  --bg: #fafbf8; --bg-deep: #f3f5ef; --panel: #fff; --panel-2: #f3f5ef; --panel-3: #e9eee2;
  --ink: #172119; --ink-muted: #586158; --ink-soft: #63705f;
  --v2-error: #b4233c; --v2-placeholder: #63705f;
  --lime: #47701a; --lime-strong: #3b6413; --mint: #237649;
  --line: #dce2d7; --line-accent: #b6c6a5; --button-start: #c3f466; --button-end: #c3f466;
  --control-active: #c3f466; --v2-accent: #c3f466; --v2-accent-ink: #18270b;
  --v2-wash: #f0f4e9; --surface-tint: #eef1e9;
  --v2-studio-light: #f4e7c7; --v2-studio-wash: #eaf0df; --v2-studio-shadow: #24351a2b;
  --v2-studio-glow: radial-gradient(ellipse 48% 48% at 50% 50%, var(--v2-studio-light) 0%, var(--v2-studio-wash) 34%, transparent 100%);
  --v2-studio-ground: radial-gradient(ellipse, var(--v2-studio-shadow), transparent 70%);
  --surface-sunken: #f1f4ed; --surface-sunken-soft: #f1f4ed;
  --font-display: "Hanken Grotesk", system-ui, sans-serif;
  --shadow: 0 16px 40px #1420190c; --radius-lg: 24px;
}
html[data-theme="dark"] {
  --bg: #111611; --bg-deep: #0d120e; --panel: #192019; --panel-2: #20291f; --panel-3: #293527;
  --ink: #f5f7ef; --ink-muted: #b8c2b2; --ink-soft: #a5b29c;
  --v2-error: #fda4af; --v2-placeholder: #a5b29c;
  --lime: #c3f466; --lime-strong: #d5fa93; --mint: #9bdfb3;
  --line: #344030; --line-accent: #607944; --v2-wash: #1a2418;
  --v2-studio-light: #394b29; --v2-studio-wash: #1e3021; --v2-studio-shadow: #0008;
  --surface-tint: #283324; --surface-sunken: #121a11; --surface-sunken-soft: #121a11;
  --shadow: 0 16px 40px #0002;
}