{{-- Componente para aplicar colores del skin dinámicamente --}}
@php
    $activeDemo = get_active_demo();
    $primaryColor = get_skin_primary_color();
    $primaryColorHover = get_skin_primary_color_hover();
    $rgb = hex_to_rgb($primaryColor);
@endphp

@if($activeDemo === 'demo-law-firm-2')
<style>
    .btn-primary {
        background-color: {{ $primaryColor }} !important;
        border-color: {{ $primaryColor }} !important;
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background-color: {{ $primaryColorHover }} !important;
        border-color: {{ $primaryColorHover }} !important;
    }
    .btn-primary:focus-visible {
        box-shadow: 0 0 0 0.25rem rgba({{ $rgb['r'] }}, {{ $rgb['g'] }}, {{ $rgb['b'] }}, 0.25) !important;
    }
    .text-primary {
        color: {{ $primaryColor }} !important;
    }
    .link-primary {
        color: {{ $primaryColor }} !important;
    }
    .link-primary:hover {
        color: {{ $primaryColorHover }} !important;
    }
    .bg-primary {
        background-color: {{ $primaryColor }} !important;
    }
    .bg-light-primary {
        background-color: rgba({{ $rgb['r'] }}, {{ $rgb['g'] }}, {{ $rgb['b'] }}, 0.1) !important;
    }
    .border-primary {
        border-color: {{ $primaryColor }} !important;
    }
    .form-control:focus {
        border-color: {{ $primaryColor }} !important;
        box-shadow: 0 0 0 0.25rem rgba({{ $rgb['r'] }}, {{ $rgb['g'] }}, {{ $rgb['b'] }}, 0.15) !important;
    }
    .nav-link.active::after {
        background-color: {{ $primaryColor }} !important;
    }
    .btn:focus-visible {
        outline: 2px solid {{ $primaryColor }};
    }
</style>
@endif