/* =========================================================
   Briefly V36 — Central UI Tokens
   Single source of truth for spacing, sizing, typography & nav.
   ========================================================= */

:root{
  /* Typography */
  --ui-font-xs:12px;
  --ui-font-sm:14px;
  --ui-font-md:16px;
  --ui-font-lg:18px;
  --ui-font-xl:22px;
  --ui-font-2xl:30px;
  --ui-font-3xl:44px;

  --ui-line-tight:1.12;
  --ui-line-normal:1.45;
  --ui-line-relaxed:1.58;

  /* Spacing */
  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-5:20px;
  --ui-space-6:24px;
  --ui-space-7:30px;
  --ui-space-8:36px;

  /* Shape */
  --ui-radius-sm:12px;
  --ui-radius-md:16px;
  --ui-radius-lg:22px;
  --ui-radius-xl:26px;
  --ui-radius-pill:999px;

  /* Touch */
  --ui-touch-min:44px;

  /* Navigation */
  --ui-bottom-nav-height:92px;
  --ui-bottom-nav-icon:28px;
  --ui-bottom-nav-label:12px;

  /* Layout */
  --ui-page-max:760px;
  --ui-page-pad:20px;

  /* Effects */
  --ui-transition:140ms ease;
}

@media(max-width:420px){
  :root{
    --ui-page-pad:16px;
    --ui-font-xs:12px;
    --ui-font-sm:14px;
    --ui-font-md:16px;
    --ui-font-lg:18px;
    --ui-bottom-nav-label:12px;
  }
}