@import 'tailwindcss';
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import './custom.css';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@source '../views/filament/**/*.blade.php';
@source '../views/filament/admin/resources/**/*.blade.php';
@source '../../app/Filament/**/*.php';

@theme {
    --font-sans: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';

    /* Brand Colors */
    --color-primary: #2be8e0;
    --color-primary-hover: #075054;
    --color-secondary: #39b44a;
    --color-secondary-hover: #2d8f39;

    /* Primary Color Shades */
    --color-primary-50: #e6fffe;
    --color-primary-100: #ccfffe;
    --color-primary-200: #99fffd;
    --color-primary-300: #66fffc;
    --color-primary-400: #33f4eb;
    --color-primary-500: #2be8e0;
    --color-primary-600: #22b9b3;
    --color-primary-700: #1a8b86;
    --color-primary-800: #115c59;
    --color-primary-900: #075054;
    --color-primary-950: #032e2d;

    /* Secondary Color Shades */
    --color-secondary-50: #f0fdf4;
    --color-secondary-100: #dcfce7;
    --color-secondary-200: #bbf7d0;
    --color-secondary-300: #86efac;
    --color-secondary-400: #4ade80;
    --color-secondary-500: #39b44a;
    --color-secondary-600: #2d8f39;
    --color-secondary-700: #24732f;
    --color-secondary-800: #1b5622;
    --color-secondary-900: #15461c;
    --color-secondary-950: #052e16;
}

/* Force white text on all primary buttons */
.fi-btn-primary,
.fi-btn-primary:hover,
.fi-btn-primary:focus,
.fi-btn-primary:active,
.fi-btn.fi-btn-primary,
.fi-btn-color-primary,
.fi-ac-btn-action,
.fi-header-actions .fi-btn,
.fi-ta-actions .fi-btn,
.fi-table .fi-btn-primary,
.fi-resource-create-button,
.fi-form .fi-btn-primary,
button[class*="fi-btn-primary"],
button[class*="bg-primary"],
.bg-primary-600,
.bg-primary-500 {
    color: white !important;
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.fi-btn-primary:hover,
.fi-btn.fi-btn-primary:hover,
button[class*="fi-btn-primary"]:hover {
    color: white !important;
    background-color: var(--color-secondary-hover) !important;
    border-color: var(--color-secondary-hover) !important;
}

/* Extra specific targeting for action buttons */
[data-filament-header] button,
[data-filament-table] button,
.fi-ta-header-actions button,
.fi-ta-header-actions .fi-btn,
.fi-page-header-actions button,
.fi-page-header-actions .fi-btn {
    color: white !important;
}

/* Nuclear option - target any green button */
button[style*="background-color: rgb(34, 197, 94)"],
button[style*="background-color: #22c55e"],
button[style*="background-color: #39b44a"] {
    color: white !important;
}

/* Brand Color Utilities */
.bg-brand-primary {
    background-color: var(--color-primary) !important;
}

.bg-brand-primary-hover:hover,
.bg-brand-primary:hover {
    background-color: var(--color-primary-hover) !important;
}

.bg-brand-secondary {
    background-color: var(--color-secondary) !important;
}

.bg-brand-secondary-hover:hover,
.bg-brand-secondary:hover {
    background-color: var(--color-secondary-hover) !important;
}

.text-brand-primary {
    color: var(--color-primary) !important;
}

.text-brand-secondary {
    color: var(--color-secondary) !important;
}

.border-brand-primary {
    border-color: var(--color-primary) !important;
}

.border-brand-secondary {
    border-color: var(--color-secondary) !important;
}