/* Tangerine Books — spacing, border and layout tokens (source of truth).
 *
 * Warm Four (v3) retires the square corner: cards are radius-20, buttons and
 * nav cells are pills, inputs 6px. Keylines survive only as the 3px "Needs a
 * fix" / focus ring; internal rules are 1.5px dashed. No shadows, no
 * gradients, no transparency — anywhere. app.css consumes these so the feel
 * is set in one place (ADR-0006: vendor the tokens).
 */

:root {
  /* Spacing scale */
  --tb-space-1: 0.25rem;
  --tb-space-2: 0.5rem;
  --tb-space-3: 0.75rem;
  --tb-space-4: 1rem;
  --tb-space-5: 1.5rem;
  --tb-space-6: 2rem;

  /* Page gutters (mock: 18px mobile / 28px desktop) */
  --tb-gutter: 18px;
  --tb-gutter-desktop: 28px;

  /* Radii (square corners are retired) */
  --tb-radius-1: 6px;      /* inputs */
  --tb-radius-2: 12px;     /* banners, small panels */
  --tb-radius-3: 20px;     /* default card */
  --tb-radius-4: 28px;     /* page/device frame only */
  --tb-radius-pill: 999px; /* buttons, nav cells, tags, toggles, date chip */
  /* Legacy alias — v2 components read --tb-radius for inputs/controls. */
  --tb-radius: var(--tb-radius-1);

  /* Borders — 3px keyline reserved for the attention card + focus rings;
     internal dividers are 1.5px dashed currentColor. */
  --tb-keyline: 3px;
  --tb-keyline-thin: 1.5px;
  --tb-shadow: none;            /* the brand uses no shadows */

  /* Layout */
  --tb-content-max: 480px;       /* mobile-first column */
  --tb-content-max-wide: 1124px; /* desktop grids + wide tables (1180 frame − 2×28) */
  --tb-content-max-report: 1124px;
  --tb-header-height: 56px;      /* sticky app header (64px desktop, set in app.css) */
  --tb-bottomnav-height: 3.5rem; /* fixed four-cell bottom nav (mobile only) */
}