@import '_token-primitives.css';

:root {
    /* Primitives / Alias */
    --border-radius-xs: var(--border-radius-sm);
    --display-font-weight: 700;
    --border-shadow: 0px 8px 16px -4px rgba(26, 26, 26, 0.22);

    --custom-file-focus-box-shadow: none;
    /* Note: Les maps SCSS pour les traductions ne sont pas nativement gérées en CSS */

    --event-calender-month-color: #005a94;
    --fa-font-path: "../Fonts/font-awesome";
    --input-btn-focus-box-shadow: none;
    --input-btn-focus-width: 0;
    --input-focus-box-shadow: none;
    --pagination-focus-box-shadow: none;
    --link-color-default: #0071b9;
    --link-color-hover: #0061a8;

    --font-family-body: "Inter", serif;
    --font-secondary: "Inter", serif;
    --font-size-heading: 1.375rem;
    --font-size-paragraph: 1.5rem;
    --font-size-md: 1.25rem;
    --font-size-lg: 1.875rem;

    --color-grey: #f6f6f6;
    --color-grey-light: #f2f2f2;
    --color-grey-lighter: #818181;
    --color-dark: #333;
    --color-black: #000;
    --theme-color: #fff;
    --body-color: #1d1d1d;
    --body-gray: #495057;
    --color-light: white;

    /* --------- Faculties Colors ----------- */
    --color-law: var(--red-300);
    --color-law-light: var(--red-100);
    --color-law-ultralight: var(--red-75);
    --color-economy: var(--green-300);
    --color-economy-light: var(--green-100);
    --color-economy-ultralight: var(--green-50);
    --color-history: var(--orange-300);
    --color-history-light: var(--orange-100);
    --color-history-ultralight: var(--orange-50);
    --color-maths: var(--cyan-300);
    --color-maths-light: var(--cyan-100);
    --color-maths-ultralight: var(--cyan-50);
    --color-psychology: var(--pink-300);
    --color-psychology-light: var(--pink-100);
    --color-psychology-ultralight: var(--pink-50);

    /* --------- FernUni Colors ----------- */
    --primary: var(--blue-500);
    --secondary: var(--blue-300);
    --color-fernuni-light: #6da4d8;
    --color-fernuni-ultralight: #d7e3f5;
    --bg-fernuni: #f5f8fd;
    --input-fernuni: #d7e3f5;
    --date-picker-placeholder-color: #9e9e9e;

    /* ---------- Grey ------------------*/
    --grey-100: var(--gray-50);
    --grey-200: var(--gray-100);
    --grey-300: var(--gray-200);
    --grey-400: var(--gray-300);
    --grey-500: var(--gray-400);
    --grey-600: var(--gray-500);
    --grey-700: var(--gray-600);
    --grey-800: var(--gray-700);
    --grey-900: var(--gray-800);
    --search-input-border-focus: var(--blue-100);

    /* --------- Buttons -------------- */
    --btn-primary-color-default: var(--link-color-default);
    --btn-primary-color-hover: var(--link-color-hover);
    --btn-primary-color-active: var(--link-color-hover);
    --btn-primary-color-ghost: white;
    --btn-primary-color-disable: var(--color-grey-light);
    --btn-primary-label-default: white;
    --btn-primary-label-hover: white;
    --btn-primary-label-active: white;
    --btn-primary-label-ghost: var(--link-color-default);
    --btn-primary-label-disable: var(--color-grey-lighter);
    --btn-active-box-shadow: none;
    --btn-focus-box-shadow: none;
}