@props([
    'dark' => false,   // true => texte clair (sur fond sombre)
    'size' => 'md',    // sm | md | lg
])

@php
    $badge = ['sm' => 'h-8 w-8 text-xs', 'md' => 'h-9 w-9 text-sm', 'lg' => 'h-11 w-11 text-base'][$size] ?? 'h-9 w-9 text-sm';
    $name  = ['sm' => 'text-base', 'md' => 'text-lg', 'lg' => 'text-2xl'][$size] ?? 'text-lg';
    $nameColor = $dark ? 'text-white' : 'text-brand-700';
@endphp

<span {{ $attributes->merge(['class' => 'inline-flex items-center gap-2.5']) }}>
    {{-- Badge : nuage + monogramme aux couleurs du logo (teal -> orange) --}}
    <span class="flex {{ $badge }} flex-none items-center justify-center rounded-xl bg-gradient-to-br from-brand-500 to-accent-500 font-extrabold text-white shadow-lg shadow-brand-600/30">
        G
    </span>
    <span class="leading-none">
        <span class="block {{ $name }} font-extrabold tracking-tight {{ $nameColor }}">
            Gen<span class="text-accent-500">IaC</span>
        </span>
        <span class="block text-[10px] font-semibold uppercase tracking-[0.2em] {{ $dark ? 'text-brand-200' : 'text-accent-500' }}">
            Académie
        </span>
    </span>
</span>