/*
 * Studiling re-skin for the Jetstream web pages (admin dashboard + auth).
 * Loaded AFTER the Vite/Tailwind bundle in layouts/app + layouts/guest, so it
 * remaps the stock gray/indigo utility classes to the light brand palette
 * used on the landing page (see welcome.blade.php) without touching every view.
 */
:root {
    --bg: #fdfcfa;
    --surface: #ffffff;
    --ink: #211d35;
    --muted: #6d6a85;
    --coral: #ff7a68;
    --coral-soft: #ffece8;
    --line: #ece9f1;
}

body {
    font-family: 'Nunito', ui-sans-serif, system-ui, sans-serif !important;
    background-color: var(--bg);
    color: var(--ink);
}

/* Page + card surfaces */
.bg-gray-100 { background-color: var(--bg) !important; }
.shadow, .shadow-md, .shadow-xl { box-shadow: 0 0 0 2px var(--line) !important; }

/* Text */
.text-gray-900, .text-gray-800, .text-gray-700 { color: var(--ink) !important; }
.text-gray-600, .text-gray-500 { color: var(--muted) !important; }

/* Borders */
.border-gray-100, .border-gray-200 { border-color: var(--line) !important; }

/* Indigo accents → coral */
.text-indigo-600, .text-indigo-400 { color: var(--coral) !important; }
.bg-indigo-50 { background-color: var(--coral-soft) !important; }
.border-indigo-400, .border-indigo-500, .focus\:border-indigo-500:focus { border-color: var(--coral) !important; }
.focus\:ring-indigo-500:focus { --tw-ring-color: var(--coral) !important; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--coral); }
input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: var(--coral) !important; border-color: var(--coral) !important; }

/* Primary buttons (Jetstream x-button is bg-gray-800) → coral */
button.bg-gray-800, .bg-gray-800 { background-color: var(--coral) !important; }
.hover\:bg-gray-700:hover, .focus\:bg-gray-700:focus, .active\:bg-gray-900:active { background-color: #ff8f80 !important; }