// Overlay: luz de mesa (vinheta quente) e uma pequena sujeira de papel (riscos finos claros e escuros fixos) sobre todo plano. Leve e estático.
import React from 'react';
import {AbsoluteFill} from 'remotion';

export const Overlay: React.FC = () => <AbsoluteFill style={{pointerEvents: 'none'}}>
  <div style={{position: 'absolute', inset: 0, background: 'radial-gradient(120% 90% at 40% 35%, rgba(255,245,220,0.12), transparent 55%, rgba(60,30,10,0.25) 100%)'}} />
  <div style={{position: 'absolute', inset: 0, backgroundImage: 'repeating-linear-gradient(23deg, rgba(255,255,255,0.04) 0 2px, transparent 2px 37px), repeating-linear-gradient(-67deg, rgba(0,0,0,0.035) 0 1px, transparent 1px 53px)'}} />
</AbsoluteFill>;