<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100" width="300" height="100">
  <!-- Closina Full Logo - For Dark Backgrounds -->
  <defs>
    <linearGradient id="lightGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#66BB6A;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#81C784;stop-opacity:1" />
    </linearGradient>
  </defs>

  <!-- Logo Icon (House with "C" shape) - Lighter colors for dark backgrounds -->
  <g transform="translate(10, 0)">
    <path d="M50 10 L85 35 L85 85 L65 85 L65 55 L50 45 L50 10 Z"
          fill="url(#lightGradient)"
          opacity="0.9"/>
    <path d="M50 20 C30 20, 15 35, 15 50 C15 65, 30 80, 50 80 L50 70 C35 70, 25 60, 25 50 C25 40, 35 30, 50 30 L50 20 Z"
          fill="url(#lightGradient)"/>
    <path d="M50 10 L70 25 L50 25 Z"
          fill="#66BB6A"
          opacity="0.8"/>
  </g>

  <!-- Brand Text "CLOSINA" - White for dark backgrounds -->
  <text x="110" y="60" font-family="Arial, Helvetica, sans-serif" font-size="42" font-weight="700" fill="#FFFFFF" letter-spacing="2">
    CLOSINA
  </text>
  <text x="110" y="80" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="400" fill="#E0E0E0" letter-spacing="4">
    REAL ESTATE CRM
  </text>
</svg>
