/* The Whole Truth — design tokens
   Copied verbatim from the design system (Branding/The Whole Truth Design System/tokens/).
   Do not hand-edit values here; re-copy from the design system when it changes. */
@import url('tokens.colors.css');
@import url('tokens.typography.css');
@import url('tokens.spacing.css');

:root{
  /* Site-level additions — layout only, no new brand values */
  --page-max:1180px;
  --page-gutter:48px;
  --player-height:76px;
  --motion-fast:120ms ease-out;
  --motion-base:160ms ease-out;
}

@media (max-width:860px){
  :root{ --page-gutter:24px; }
}