/* Design tokens ported verbatim from the approved trip-timeline mockup.
   Do not redesign — only extend if a new component genuinely needs a new
   token. */

:root {
  --paper: #eef0ea;
  --paper-raised: #f8f9f4;
  --ink: #1c2321;
  --ink-soft: #55635c;
  --line: #d3d8cc;
  --accent: #2e5aa8;
  --accent-soft: rgba(46, 90, 168, 0.1);
  --ok: #3f7d53;
  --pending: #a8781f;
  --pending-soft: rgba(168, 120, 31, 0.09);

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", ui-sans-serif, sans-serif;
  --font-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #14181a;
    --paper-raised: #1b2022;
    --ink: #e8eae4;
    --ink-soft: #99a69c;
    --line: #2c3330;
    --accent: #85addb;
    --accent-soft: rgba(133, 173, 219, 0.14);
    --ok: #74c088;
    --pending: #d9ab52;
    --pending-soft: rgba(217, 171, 82, 0.1);
  }
}
:root[data-theme="dark"] {
  --paper: #14181a;
  --paper-raised: #1b2022;
  --ink: #e8eae4;
  --ink-soft: #99a69c;
  --line: #2c3330;
  --accent: #85addb;
  --accent-soft: rgba(133, 173, 219, 0.14);
  --ok: #74c088;
  --pending: #d9ab52;
  --pending-soft: rgba(217, 171, 82, 0.1);
}
:root[data-theme="light"] {
  --paper: #eef0ea;
  --paper-raised: #f8f9f4;
  --ink: #1c2321;
  --ink-soft: #55635c;
  --line: #d3d8cc;
  --accent: #2e5aa8;
  --accent-soft: rgba(46, 90, 168, 0.1);
  --ok: #3f7d53;
  --pending: #a8781f;
  --pending-soft: rgba(168, 120, 31, 0.09);
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}