/* The Events Index — design tokens */
:root {
  --bg: #faf9f5;
  --bg-2: #f5f4ed;
  --bg-3: #e8e6dc;
  --g200: #e8e6dc;
  --g300: #d1cfc5;
  --g400: #b0aea5;
  --g500: #87867f;
  --g600: #5e5d59;
  --g700: #3d3d3a;
  --g800: #262624;
  --g900: #1a1918;
  --g950: #141413;
  --rule-soft: #e8e6dc;
  --accent: #3F4A2E;
  --accent-2: #5b6a45;
  --accent-soft: #eef0e8;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
}

/* tiny reveal-on-scroll utility shared by all directions */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.is-in { opacity: 1; transform: none; }