/* Loutati — design tokens · register: "Structured Calm" (editorial, quiet, analytical) */
:root{
  /* palette — derived from the logo (ink + brand yellow) */
  --bg:#FCFDFC;
  --section:#F6F7F6;
  --ink:#1D1D1B;
  --ink-2:#3D3D3B;
  --ink-3:#6b6b67;
  --line:#E3E5E3;
  --accent:#FFE327;         /* logo yellow */
  --accent-soft:rgba(255,227,39,.45);

  /* type */
  --serif:"Newsreader",Georgia,serif;
  --sans:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;

  /* motion */
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-inout:cubic-bezier(.65,.05,.36,1);

  /* rhythm */
  --mx:clamp(1.5rem,6vw,7rem);
  --gap-sec:clamp(5rem,11vw,10rem);

  /* radius (varied, not uniform) */
  --r-sm:6px; --r-md:12px; --r-lg:18px; --r-pill:100px;

  /* shadows (ink-tinted, layered) */
  --shadow-sm:0 1px 2px rgba(29,29,27,.04), 0 6px 16px -10px rgba(29,29,27,.10);
  --shadow-md:0 14px 34px -14px rgba(29,29,27,.22);
}