// Dom Papança Logo SVG Component
function Logo({ size = 60, light = false }) {
  const gold = light ? '#f5e6c8' : '#c8922a';
  const cream = light ? '#ffffff' : '#f5e6c8';
  const dark = light ? '#1a0e05' : '#1a0e05';

  return (
    <svg width={size} height={size} viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="60" cy="60" r="58" fill={dark} stroke={gold} strokeWidth="3"/>
      <circle cx="60" cy="60" r="50" fill="none" stroke={gold} strokeWidth="1" strokeDasharray="4 3"/>
      <circle cx="60" cy="60" r="44" fill="#2d1a0a"/>

      {/* Decorative top arc text band */}
      <path id="topArc" d="M 20 60 A 40 40 0 0 1 100 60" fill="none"/>
      <text fontSize="7" fill={gold} fontFamily="serif" letterSpacing="2">
        <textPath href="#topArc" startOffset="10%">IGUARIAS COM ALMA</textPath>
      </text>

      {/* Main text */}
      <text x="60" y="52" textAnchor="middle" fontFamily="serif" fontSize="11" fontWeight="bold" fill={cream} letterSpacing="1">Dom</text>
      <text x="60" y="68" textAnchor="middle" fontFamily="serif" fontSize="16" fontWeight="bold" fill={gold} letterSpacing="2">Papança</text>

      {/* Bottom arc text */}
      <path id="botArc" d="M 22 70 A 40 40 0 0 0 98 70" fill="none"/>
      <text fontSize="7" fill={gold} fontFamily="serif" letterSpacing="2">
        <textPath href="#botArc" startOffset="8%">IGUARIAS COM ALMA</textPath>
      </text>

      {/* Decorative lines */}
      <line x1="34" y1="56" x2="44" y2="56" stroke={gold} strokeWidth="0.8"/>
      <line x1="76" y1="56" x2="86" y2="56" stroke={gold} strokeWidth="0.8"/>
    </svg>
  );
}

Object.assign(window, { Logo });