/* ============================================================================
   MAIN TOKENS
   ========================================================================== */

html {
    --ref-primary: #155DFC;
    --ref-primary-light: #DBEAFE;
    --ref-blue: #1447E6;
    --ref-blue-royal: #1C398E;
    --ref-blue-lighter: #F7FAFD;
    --ref-blue-light: #EFF6FF;
    --ref-blue-highlight: #BEDBFF;
    --ref-blue-dirty: #82A9FD;
    --ref-white: #FFF;
    --ref-black: #000;
    --ref-gray: #E5E7EB;
    --ref-gradient-menu: linear-gradient(180deg, var(--ref-blue-light) 0%, var(--ref-white) 100%);
    --ref-gradient-bg: linear-gradient(135deg, #F8FAFC 0%, var(--ref-blue-light) 100%), var(--ref-white);
    /* Sidebar */
    --sidebar-border: var(--ref-primary-light);
    --sidebar-background: var(--ref-gradient);
    --sidebar-menu-entry: var(--ref-blue);
    --sidebar-menu-entry-current: var(--ref-primary);
    --sidebar-menu-entry-hover: var(--ref-primary-light);
    /* Section */
    --section-border: var(--ref-blue-light);
    /* Card */
    --card-titles: var(--ref-blue-royal);
    --card-border: var(--ref-blue-highlight);
    --card-header-background: var(--ref-blue-light);
    --card-content-background: var(--ref-white);
    --card-content-row-separator: var(--ref-gray);
    --card-content-row-text: var(--ref-black);
    /* Buttons */
    --button-primary-bg: var(--ref-primary);
    --button-primary-fg: var(--ref-white);
    --button-primary-deactivated-bg: var(--ref-blue-dirty);
    --button-primary-hover-bg: var(--ref-primary-light);
    --button-primary-outlined-bg: var(--ref-white);
    --button-primary-outlined-fg: var(--ref-primary);
    --button-primary-outlined-border: var(--ref-primary);
    --button-primary-outlined-deactivated-bg: var(--ref-blue-dirty);
}

/* ============================================================================
   BADGES TOKENS
   ========================================================================== */

html {
    /* Localisation */
    --badge-location-metropole-background: #cffafe;
    --badge-location-metropole-color: #155e75;
    --badge-location-outremer-background: #fef3c7;
    --badge-location-outremer-color: #92400e;
    /* Métropole */
    --badge-metropole-background: #cffafe;
    --badge-metropole-color: #155e75;
    /* User types */
    --badge-user-regular-background: #e0f2fe;
    --badge-user-regular-color: #075985;
    --badge-user-technician-background: #f3e8ff;
    --badge-user-technician-color: #6b21a8;
    /* Support / dépannage */
    --badge-support-inprogress-background: #dcfce7;
    --badge-support-inprogress-color: #166534;
    --badge-support-requested-background: #dbeafe;
    --badge-support-requested-color: #1e40af;
    --badge-support-closed-background: #e5e7eb;
    --badge-support-closed-color: #374151;
    /* Roles */
    --badge-role-manager-background: #e0e7ff;
    --badge-role-manager-color: #3730a3;
    --badge-role-collaborator-background: #ccfbf1;
    --badge-role-collaborator-color: #115e59;
    --badge-role-admin-background: #ffedd5;
    --badge-role-admin-color: #9a3412;
    /* Account status */
    --badge-account-active-background: #dcfce7;
    --badge-account-active-color: #166534;
    --badge-account-inactive-background: #fee2e2;
    --badge-account-inactive-color: #991b1b;
    --badge-account-disabled-background: #d1d5db;
    --badge-account-disabled-color: #4b5563;
    --badge-account-pending-background: #fef9c3;
    --badge-account-pending-color: #854d0e;
    /* Beta tester */
    --badge-beta-yes-background: #d1fae5;
    --badge-beta-yes-color: #065f46;
    --badge-beta-no-background: #e2e8f0;
    --badge-beta-no-color: #334155;
    /* Import types */
    --badge-import-csv-background: #ede9fe;
    --badge-import-csv-color: #5b21b6;
    --badge-import-excel-background: #fce7f3;
    --badge-import-excel-color: #9d174d;
    --badge-import-auto-background: #ecfccb;
    --badge-import-auto-color: #3f6212;
    /* SAP contract */
    --badge-contract-active-background: #dcfce7;
    --badge-contract-active-color: #166534;
    --badge-contract-inactive-background: #fee2e2;
    --badge-contract-inactive-color: #991b1b;
    --badge-contract-suspended-background: #ffedd5;
    --badge-contract-suspended-color: #9a3412;
}