/* travw-design tokens. v1.x. web-journal base with app extensions for the viewer page.
   single source of truth: ~/.claude/skills/travw-design/travw-design.html */

:root {
  /* surfaces */
  --bg: #0a0a0a;
  --bg-2: #111;
  --fg: #e8e8e8;
  --fg-2: #9a9a9a;
  --fg-3: #555;
  --rule: #1c1c1c;
  --rule-strong: #2a2a2a;

  /* accent (canonical teal) */
  --accent: #15a79f;
  --accent-hover: #19c4ba;

  /* semantic */
  --ok: #10b981;
  --warn: #f59e0b;
  --err: #ef4444;

  /* type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;

  /* layout */
  --measure: 68ch;
  --width: 760px;
  --width-wide: 960px;
  --width-narrow: 620px;
  --pad: clamp(1.25rem, 4vw, 2rem);

  /* type scale (no clamp on these per design rules) */
  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.5rem;
  --t-2xl: 2rem;
}