// Overlay: luz suave de mesa e uma sombra de dobra na borda direita da folha. Leve e fixo: o traço é que treme.
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 45% 40%, transparent 60%, rgba(80,60,30,0.14) 100%)'}} />
  <div style={{position: 'absolute', right: 0, top: 0, width: 36, height: '100%', background: 'linear-gradient(90deg, transparent, rgba(80,60,30,0.10))'}} />
</AbsoluteFill>;