@props([
    'title' => null,
    'surface' => 'default',
])

@php
    $surfaceClasses = [
        'default' => 'border-black/8 bg-white/95 text-firefit-charcoal',
        'brand' => 'border-firefit-gold/20 ff-gradient text-white',
    ];
@endphp

<section {{ $attributes->class('rounded-2xl border p-5 shadow-sm sm:p-6 '.($surfaceClasses[$surface] ?? $surfaceClasses['default'])) }}>
    @if ($title)
        <h2 class="mb-4 text-lg font-bold tracking-wide">{{ $title }}</h2>
    @endif

    {{ $slot }}
</section>