/* ============================================================================
   VARS / @keyframes / @font-face / root / reset
   ============================================================================ */



  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01","ss02";}
  body{
    background: var(--bg-radial), var(--paper);
    min-height:100vh;
    transition:background-color .25s ease, color .25s ease;
  }
  @keyframes tf-spin{to{transform:rotate(360deg);}}
  @keyframes tf-pulse{
    0%,100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 40%, transparent);}
    50%    {box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent);}
  }