{{-- The single base card pattern (PRD §22): consistent radius, elevation and padding. Shadow, not border, defines the
     card; the transparent border keeps an outline in forced-colors (high contrast) mode. --}}
@props(['as' => 'div', 'interactive' => false, 'padded' => true])
<{{ $as }} {{ $attributes->class([
    'relative rounded-[var(--radius-card)] border border-transparent bg-card shadow-[var(--shadow-card)]',
    'p-6 md:p-7' => $padded,
    'transition duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-card-hover)] focus-within:shadow-[var(--shadow-card-hover)] motion-reduce:hover:translate-y-0' => $interactive,
]) }}>
    {{ $slot }}
</{{ $as }}>