/* Placeholder page for MR !1. Task 14 deletes this file and placeholder.js and
   replaces index.html with the SPA shell on web/theme.css.
   Token lines copied from claude-code-playbook@a887d8f:site/src/app.css:2-10,18-20,31
   (the --bg through --text-3 surface and text tokens, --radius, --font, --mono). */
:root{
  --bg: oklch(0.16 0.02 262);          /* page */
  --bg-2: oklch(0.19 0.022 262);       /* raised panels */
  --surface: oklch(0.23 0.024 262);    /* cards */
  --surface-2: oklch(0.27 0.026 262);  /* hover */
  --line: oklch(0.34 0.02 262);        /* hairlines */
  --text: oklch(0.95 0.01 262);        /* primary text */
  --text-2: oklch(0.78 0.015 262);     /* secondary text */
  --text-3: oklch(0.64 0.015 262);     /* tertiary, never below 13px */
  --radius: 14px;
  --font: ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

*,*::before,*::after{ box-sizing: border-box; }
html,body{ height: 100%; }
body{
  margin: 0;
  display: grid;
  place-items: center;
  background: var(--bg);
  color: var(--text);
  font: 400 15.5px/1.55 var(--font);
  -webkit-font-smoothing: antialiased;
}
.placeholder{
  max-width: 560px;
  padding: 36px 40px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.eyebrow{ margin: 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--text-3); }
h1{ margin: 0 0 12px; font-size: 26px; line-height: 1.25; font-weight: 600; color: var(--text); }
.lede{ margin: 0 0 20px; font-size: 16px; color: var(--text-2); }
.foot{ margin: 0; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; color: var(--text-3); }