@import 'tailwindcss';

@plugin '@tailwindcss/forms';
@plugin '@tailwindcss/typography';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';

@theme {
    --font-sans: 'Figtree', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

    /* Brand green, anchored on ICEN's existing identity (#16a34a) */
    --color-brand-50: #f0fdf4;
    --color-brand-100: #dcfce7;
    --color-brand-200: #bbf7d0;
    --color-brand-300: #86efac;
    --color-brand-400: #4ade80;
    --color-brand-500: #16a34a;
    --color-brand-600: #15803d;
    --color-brand-700: #166534;
    --color-brand-800: #14532d;
    --color-brand-900: #0f3d22;
    --color-brand-950: #052e16;

    /* Accent gold — ICEN's institutional secondary color (wordmark, dark-surface text,
       premium highlights), matched to icenig.org.ng's amber accent */
    --color-accent-50: #fffbeb;
    --color-accent-100: #fef3c7;
    --color-accent-200: #fde68a;
    --color-accent-300: #fcd34d;
    --color-accent-400: #fbbf24;
    --color-accent-500: #f59e0b;
    --color-accent-600: #d97706;
    --color-accent-700: #b45309;
    --color-accent-800: #92400e;
    --color-accent-900: #78350f;

    /* Deep surface green for hero/footer treatments, matched to icenig.org.ng's footer (#07412d) */
    --color-brand-surface: #07412d;

    /* Semantic aliases — danger stays a true red regardless of accent, since accent is now gold */
    --color-success: var(--color-brand-600);
    --color-danger: #dc2626;
    --color-warning: var(--color-accent-600);

    --shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.04), 0 1px 6px -1px rgb(0 0 0 / 0.06);
    --shadow-card-hover: 0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 6px -2px rgb(0 0 0 / 0.06);
}