/* IJIESMBREAK — brand tokens ("Dark cinematic chapters") */
:root {
  /* Color */
  --bg: #0A0A0B;
  --surface: #141416;
  --surface-2: #1B1B1E;
  --line: rgba(233, 229, 220, .12);
  --line-strong: rgba(233, 229, 220, .26);
  --bone: #E9E5DC;
  --bone-80: rgba(233, 229, 220, .8);
  --bone-60: rgba(233, 229, 220, .6);
  --muted: #8C877D;
  --amber: #E2A04A;
  --amber-glow: rgba(226, 160, 74, .55);
  --amber-dim: rgba(226, 160, 74, .12);

  /* Type */
  --f-display: 'Syne', sans-serif;
  --f-body: 'Geist', sans-serif;
  --f-mono: 'Geist Mono', monospace;

  --fs-xxl: clamp(3.4rem, 13.2vw, 15rem);
  --fs-xl: clamp(2.5rem, 6.6vw, 7.25rem);
  --fs-l: clamp(1.9rem, 4.1vw, 4.25rem);
  --fs-m: clamp(1.45rem, 2.35vw, 2.4rem);
  --fs-lede: clamp(1.06rem, 1.25vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-mono: .72rem;

  /* Space */
  --gutter: clamp(16px, 4.2vw, 64px);
  --s-1: .5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2.25rem;
  --s-5: 3.5rem;
  --s-6: 5.5rem;
  --s-7: 8rem;
  --bar-h: 68px;
  --maxw: 1720px;

  /* Motion */
  --ease: cubic-bezier(.19, .8, .2, 1);
  --ease-io: cubic-bezier(.7, 0, .3, 1);
}

@media (max-width: 760px) {
  :root { --bar-h: 60px; --fs-body: 1rem; }
}