@import 'tailwindcss';

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

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

    /* GoAppyCMS brand colors */
    --color-brand-50:  #e8f9fc;
    --color-brand-100: #c2eef7;
    --color-brand-200: #90e0ef;
    --color-brand-300: #4dd9f0;
    --color-brand-400: #00c8e0;
    --color-brand-500: #00b4d8;
    --color-brand-600: #0097b2;
    --color-brand-700: #0077b6;
    --color-brand-800: #005f8a;
    --color-brand-900: #004466;

    --color-navy-50:  #e8eef6;
    --color-navy-100: #c5d2e6;
    --color-navy-200: #94aac8;
    --color-navy-300: #6080a8;
    --color-navy-400: #3a5a88;
    --color-navy-500: #1e3a6e;
    --color-navy-600: #162d58;
    --color-navy-700: #0f2040;
    --color-navy-800: #0d1b35;
    --color-navy-900: #080f1e;
}