Filament custom panel theme with neutral palette

<?php

namespace App\Providers\Filament;

use Filament\Panel;
use Filament\PanelProvider;
use Filament\Support\Colors\Color;
use Filament\Support\Enums\Width;

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->id('admin')
            ->path('admin')
            ->login()
            ->brandName('Acme Console')
            ->font('Inter')                      // loaded from the font provider, no CSS needed
            ->maxContentWidth(Width::SevenExtraLarge)
            ->sidebarCollapsibleOnDesktop()
            ->colors([
                // A custom 50-950 scale: calm blue-grey, no strong hue.
                'primary' => [
                    50 => 'oklch(0.97 0.006 250)',
                    100 => 'oklch(0.93 0.01 250)',
                    200 => 'oklch(0.87 0.015 250)',
                    300 => 'oklch(0.78 0.02 250)',
                    400 => 'oklch(0.66 0.025 250)',
                    500 => 'oklch(0.55 0.03 250)',
                    600 => 'oklch(0.47 0.03 250)',
                    700 => 'oklch(0.40 0.028 250)',
                    800 => 'oklch(0.32 0.022 250)',
                    900 => 'oklch(0.25 0.018 250)',
                    950 => 'oklch(0.18 0.012 250)',
                ],
                'gray' => Color::Zinc,
                'success' => Color::Emerald,
                'danger' => Color::Rose,
            ])
            // Compiled by Vite from the stylesheet below.
            ->viteTheme('resources/css/filament/admin/theme.css');
    }
}

@import '../../../../vendor/filament/filament/resources/css/theme.css';

/* Tell Tailwind where your own classes live so they end up in the build. */
@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/**/*';

@theme {
    /* Softer corners across buttons, inputs and cards. */
    --radius-lg: 0.625rem;
    --radius-xl: 0.875rem;
}

/* Sidebar: a quiet divider and a stronger active item. */
.fi-sidebar {
    border-inline-end: 1px solid var(--gray-200);
}

.dark .fi-sidebar {
    border-inline-end-color: var(--gray-800);
}

.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    font-weight: 600;
}

/* Sections: flat cards with a thin border instead of a shadow. */
.fi-section {
    box-shadow: none;
    border: 1px solid var(--gray-200);
}

.dark .fi-section {
    border-color: var(--gray-800);
}

/* Tables: slightly tighter header text. */
.fi-ta-header-cell-label {
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-size: 0.7rem;
}