/* tokens.css — design tokens per spec */
:root{
  /* palette */
  --bg:        #f2ecdf;
  --ink:       #1a1918;
  --muted:     #8a827a;
  --muted-2:   #6b625a;
  --wood:      #a67d5a;
  --card:      #efeae1;
  --line:      #e0dad0;
  --white:     #ffffff;
  --accent:    #1a1918;
  --danger:    #b04a2e;
  --success:   #4a6b3a;

  /* typography */
  --f-display: "PT Serif", Georgia, "Times New Roman", serif;
  --f-body:    "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --f-mono:    "JetBrains Mono","Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* radii */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;

  /* motion */
  --e-out: cubic-bezier(.16,1,.3,1);
  --e-inout: cubic-bezier(.65,0,.35,1);
  --d-fast: 180ms;
  --d-mid:  320ms;
  --d-slow: 520ms;

  /* layout */
  --wrap: 1280px;
  --wrap-narrow: 880px;
  --header-h: 68px;

  /* shadows (subtle) */
  --shadow-sm: 0 1px 2px rgba(26,25,24,.04), 0 2px 6px rgba(26,25,24,.03);
  --shadow-md: 0 6px 24px rgba(26,25,24,.06), 0 2px 6px rgba(26,25,24,.04);
  --shadow-lg: 0 20px 60px rgba(26,25,24,.10);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}