@layer reset, palette, base, layout, components, motion, utilities, print;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{min-width:320px;scroll-behavior:smooth}
  body,h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol{margin:0}
  ul,ol{padding:0}
  button,input,textarea,select{font:inherit}
  button{cursor:pointer}
  img,svg{display:block;max-width:100%}
  [hidden]{display:none!important}
}
@layer palette {
  :root{
    --font-serif:Georgia,"Times New Roman",YuMincho,"Hiragino Mincho ProN",serif;
    --font-mono:"Courier New",Courier,"Yu Gothic UI",YuGothic,ui-monospace,SFMono-Regular,Menlo,monospace;
    --font-sans:Inter,Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
    --shell:1680px;--header-h:72px;--radius-sm:2px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;
    --space-1:.35rem;--space-2:.55rem;--space-3:.8rem;--space-4:1.1rem;--space-5:1.55rem;--space-6:2.2rem;--space-7:3.2rem;--space-8:4.8rem;
    --ease:cubic-bezier(.2,.75,.2,1);--fast:150ms;--normal:210ms;--slow:520ms;
    --viewport-h:100dvh;
  }
}
