@props([
    'variant' => 'default',
    'hover' => false,
    'highlight' => false,
])

@php
    $classes = 'bg-cream rounded-lg p-6';

    // Variant-based shadow (default uses custom shadow from specs: 0 2px 8px rgba(0,0,0,0.1))
    $classes .= match($variant) {
        'elevated' => ' shadow-md',
        default => ' shadow-card',
    };

    // Hover effect - subtle lift with shadow increase
    if ($hover) {
        $classes .= ' hover:shadow-card-hover hover:-translate-y-0.5 transition-all duration-200 cursor-pointer';
    }

    // Gold highlight border (uses border-s for RTL support)
    if ($highlight) {
        $classes .= ' border-s-4 border-gold';
    }
@endphp

<div {{ $attributes->merge(['class' => $classes]) }}>
    {{ $slot }}
</div>