{#
 # ICON: bubul-logo (Bubul Brand Mark - Simplified)
 # Version simplifiée du logo Bubul pour sidebar, favicons et icônes
 # Style: Bold Duotone (compatible Solar Icons)
 #}
{% set size = size ?? 24 %}
{% set color = color ?? 'currentColor' %}
{% set colorPrimary = colorPrimary ?? color %}
{% set colorSecondary = colorSecondary ?? color %}
{% set opacitySecondary = opacitySecondary ?? '0.3' %}
{% set class = class ?? '' %}

<svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width="{{ size }}"
    height="{{ size }}"
    fill="none"
    class="{{ class }}"
    aria-hidden="true"
>
    {# Couche secondaire (fond) - Grande forme organique #}
    <path
        d="M12 2C6.48 2 2 6.48 2 12c0 4.08 2.45 7.58 5.96 9.12.14.06.28.11.43.16C9.38 21.75 10.65 22 12 22c1.95 0 3.78-.56 5.32-1.52.22-.14.43-.28.64-.44C20.6 18.22 22 15.28 22 12c0-5.52-4.48-10-10-10z"
        fill="{{ colorSecondary }}"
        fill-opacity="{{ opacitySecondary }}"
    />
    {# Couche primaire - Forme principale avec découpe et cercle #}
    <path
        d="M12 4c-4.41 0-8 3.59-8 8 0 3.04 1.7 5.68 4.2 7.02.31.17.64.31.97.44.89.32 1.85.5 2.83.5 1.3 0 2.52-.3 3.62-.83.27-.13.53-.28.78-.44C18.78 17.24 20 14.78 20 12c0-4.41-3.59-8-8-8zm4.5 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3z"
        fill="{{ colorPrimary }}"
    />
    {# Petit cercle intérieur (accent) #}
    <circle
        cx="9"
        cy="13"
        r="2.5"
        fill="{{ colorSecondary }}"
        fill-opacity="0.6"
    />
</svg>