// Shared tokens for the cinematic portfolio
const cine = {
  bg: '#0a0a0c',
  bgDeep: '#050507',
  surface: '#111114',
  surfaceAlt: '#17171b',
  ink: '#f2f0ea',
  ink2: 'rgba(242,240,234,0.78)',
  dim: '#6c6a66',
  dim2: 'rgba(242,240,234,0.45)',
  line: 'rgba(255,255,255,0.08)',
  lineStrong: 'rgba(255,255,255,0.18)',
  accent: '#ff6a3d',
  accentSoft: 'rgba(255,106,61,0.12)',
  display: '"Space Grotesk", system-ui, sans-serif',
  body: '"Inter", system-ui, sans-serif',
  mono: '"JetBrains Mono", monospace',
};
window.cine = cine;

function useIsMobile() {
  const [w, setW] = React.useState(window.innerWidth);
  React.useEffect(() => {
    const h = () => setW(window.innerWidth);
    window.addEventListener('resize', h);
    return () => window.removeEventListener('resize', h);
  }, []);
  return w < 768;
}
window.useIsMobile = useIsMobile;