// SVG Logo — original recreation, navy + gold
const LogoSVG = ({ height = 52, dark = false }) => {
  const navy = dark ? "#FFFFFF" : "#1F2A44";
  const gold = "#D4AF37";
  return (
    <svg className="logo-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 130" height={height} width="auto" style={{display:"block", overflow:"visible"}}>
      {/* Mark cluster: document with check + SG monogram + swoosh */}
      <g transform="translate(20, 10)">
        {/* Document */}
        <rect x="0" y="6" width="32" height="40" rx="2" fill="none" stroke={navy} strokeWidth="2"/>
        <line x1="6" y1="14" x2="20" y2="14" stroke={navy} strokeWidth="1.5" strokeLinecap="round"/>
        <line x1="6" y1="20" x2="26" y2="20" stroke={navy} strokeWidth="1.5" strokeLinecap="round"/>
        <line x1="6" y1="26" x2="22" y2="26" stroke={navy} strokeWidth="1.5" strokeLinecap="round"/>
        <path d="M8 36 L13 41 L22 30" fill="none" stroke={gold} strokeWidth="2.6" strokeLinecap="round" strokeLinejoin="round"/>
        {/* SG monogram */}
        <text x="48" y="42" fontFamily="Cormorant Garamond, Georgia, serif" fontSize="50" fontWeight="600" fill={navy}>SG</text>
        {/* Gold swoosh */}
        <path d="M-2 52 Q60 64, 130 48" fill="none" stroke={gold} strokeWidth="2.2" strokeLinecap="round"/>
      </g>
      {/* Wordmark */}
      <text x="180" y="86" textAnchor="middle" fontFamily="Cormorant Garamond, Georgia, serif" fontSize="22" fontWeight="600" fill={navy} letterSpacing="1.8">
        SECRÉTARIAT &amp; GESTION
      </text>
      {/* Gold rules + script */}
      <line x1="92" y1="108" x2="148" y2="108" stroke={gold} strokeWidth="1"/>
      <text x="180" y="114" textAnchor="middle" fontFamily="Cormorant Garamond, Georgia, serif" fontSize="20" fontStyle="italic" fontWeight="500" fill={gold}>
        by Cassandra
      </text>
      <line x1="212" y1="108" x2="268" y2="108" stroke={gold} strokeWidth="1"/>
    </svg>
  );
};

window.LogoSVG = LogoSVG;