/* ── TOKENS ─────────────────────────────────────── */
:root{
  --bg:#F5F4EF;--bg-warm:#EFEDE6;--bg-section:#FAFAF8;--surface:#FFFFFF;
  --border:#D4D0C6;--border-light:#E2DED6;
  --text:#1C1C1A;--text-2:#4A4946;--text-3:#7C7B74;--text-4:#A8A79F;
  --accent:#3D6B4F;--accent-mid:#4E7D60;--accent-light:#EAF2EC;--accent-line:#C2D9CA;
  --warm-rule:#C8C3B5;--tag-bg:#EDEAE2;--tag-text:#5C5A52;
  --concept-bg:#FDF5E8;--concept-text:#8A6230;
  --real-bg:#F0F4F1;--real-text:#3D6B4F;
  --space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:56px;--space-8:72px;--space-9:96px;
  --container-pad:var(--space-6);--section-space:var(--space-9);--grid-gap:var(--space-4);
  --r-sm:6px;--r-md:14px;--r-lg:22px;--r-xl:28px;
  --sh-card:0 1px 2px rgba(28,28,26,.04),0 6px 24px rgba(28,28,26,.07);
  --sh-hover:0 8px 32px rgba(28,28,26,.14),0 24px 64px rgba(28,28,26,.1);
  --sh-photo:0 4px 24px rgba(28,28,26,.14);
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,.55,.45,1);
  --t-xs:140ms;--t-sm:220ms;--t-md:360ms;--t-lg:500ms;
  --mw:1120px;--py:var(--section-space);--gap:var(--grid-gap);
}