@import 'tailwindcss';

@import 'tw-animate-css';

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

@custom-variant dark (&:is(.dark *));

@theme {
    --color-primary-50: #fff1f2;
    --color-primary-100: #ffe1e2;
    --color-primary-200: #ffc7c9;
    --color-primary-300: #ffa0a4;
    --color-primary-400: #ff7b80;
    --color-primary-500: #f83b42;
    --color-primary-600: #e51d25;
    --color-primary-700: #c1141b;
    --color-primary-800: #a01419;
    --color-primary-900: #84181c;
    --color-primary-950: #480709;

    --color-secondary-50: #effcfc;
    --color-secondary-100: #d5f4f8;
    --color-secondary-200: #b1e8f0;
    --color-secondary-300: #7bd6e5;
    --color-secondary-400: #43bdd41a;
    --color-secondary-500: #229eb8;
    --color-secondary-600: #1f809b;
    --color-secondary-700: #1f677f;
    --color-secondary-800: #225568;
    --color-secondary-900: #204859;
    --color-secondary-950: #102f3c;

    --color-background: #F9FBFC;
    --color-accent: #F1F4F9;
    --color-noir: #17181A;
    --container-primary: '1920px'
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
    url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
    url('../fonts/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.woff2') format('woff2'),
    url('../fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
    url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
    url('../fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
    url('../fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
    url('../fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Medium.woff2') format('woff2'),
    url('../fonts/ProximaNova-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}